HTML 5 ve CSS'te aynı görevi gören kodların farkı nedir?

Mesela kalın gözükmesini istediğim bir yazıyı HTML'de <strong></strong> etiketleri arasına yazmak ile CSS'te font-weight: bold; yazmak arasındaki fark nedir?

Strong etiketi bir sayfadaki arasına aldığı yazının önemli olduğunu söyler. Arama motoru botları bunu sayfanın içeriğini çıkartmak için kullanabilir.

Beyaz atlı playboy dedi:

Mesela kalın gözükmesini istediğim bir yazıyı HTML'de <strong></strong> etiketleri arasına yazmak ile CSS'te font-weight: bold; yazmak arasındaki fark nedir?

Genişletmek için tıkla...

Görüntü olarak aynı olsa da güçlü bir SEO yapmak için siteye eklenmesi gereklidir. Arama motorları bu etiketlere göre sonuçları listeler.

qelos dedi:

Görüntü olarak aynı olsa da güçlü bir SEO yapmak için siteye eklenmesi gereklidir. Arama motorları bu etiketlere göre sonuçları listeler.

Genişletmek için tıkla...

Yani bu tarz şeyleri olabildiğince HTML kodları ile yapmak daha mı mantıklı?

Beyaz atlı playboy dedi:

Yani bu tarz şeyleri olabildiğince HTML kodları ile yapmak daha mı mantıklı?

Genişletmek için tıkla...

Böyle deyip de CSS'leri HTML dosyasında yazma. .css dosyası aç gene gerekli olunca oraya style larını yaz.

Demek istediğim şey, mesela başlık yazacaksın. CSS ile font-size büyütmek yerine h1,h2,h3,h4,h5,h6 etiketlerini kullanmaya çalış.

qelos dedi:

Böyle deyip de CSS'leri HTML dosyasında yazma. .css dosyası aç gene gerekli olunca oraya style larını yaz.

Genişletmek için tıkla...

Hocam ben hep öyle yapıyordum head kısmına style etiketi açıp oraya yazıyordum, VS Code'da ayrı .CSS yapınca f5 yapmadan preview eklentisinde gözükmüyor çünkü.

Beyaz atlı playboy dedi:

Yani bu tarz şeyleri olabildiğince HTML kodları ile yapmak daha mı mantıklı?

Genişletmek için tıkla...

Eğer sitenizde vurgulamak istediğiniz bir kelime varsa evet. Unutmayın arama motorları CSS kodlarına bakmaz, sadece HTML kodlarına bakar.

Beyaz atlı playboy dedi:

Hocam ben hep öyle yapıyordum head kısmına style etiketi açıp oraya yazıyordum, VS Code'da ayrı .CSS yapınca f5 yapmadan preview eklentisinde gözükmüyor çünkü.

Genişletmek için tıkla...

Live server diye bir eklenti var onu kullanabilirsin. Dosyayı kaydedince otomatik yeniler.

Beyaz atlı playboy dedi:

Hocam ben hep öyle yapıyordum Head kısmına style etiketi açıp oraya yazıyordum, VS Code'da ayrı. CSS yapınca F5 yapmadan Preview eklentisinde gözükmüyor çünkü.

Genişletmek için tıkla...

Live Server kullan, yazılımlarımda var. Aynı zamanda SASS compiler da var eklentide. SASS, daha rahat CSS yazmanı sağlayan bir dinamik şablon dilidir. Zaten SASS da CSS'e çevrilir. Bir bak derim. HTML dosyasında CSS yazmak acayip kötü bir senaryo. Kod yönetimini zayıflatır. Çok fazla dezavatajı var.

Live Server, bir proje dizinindeki tüm dosyalardaki değişikleri algılayarak önbellek sınırına takılmadan tarayıcını yeniler.