HTML b etiketi nedir?

Mehmet · Dün 21:03 da

HTML b etiketi nedir?

HTML  etiketi, metni görsel olarak daha belirgin göstermek ve okuyucunun dikkatini çekmek için kullanılır. Ancak metnin daha önemli, kritik veya öncelikli olduğunu belirtmez. Önem anlamı taşıyan içeriklerde  tercih edilir; yalnızca görünümü değiştirmek içinse CSS kullanmak daha uygun olabilir.

b etiketi nasıl çalışır?

 açılış ve kapanış etiketleri arasındaki metni işaretler:

Kod:

<p>Ürün durumu: <b>Stokta</b></p>

Tarayıcı, varsayılan stil kurallarıyla Stokta metnini kalın görünümlü sunar. Buradaki anlam, okuyucunun gözünü belirli bir ifadeye yönlendirmektir. Etiket tek başına bu ifadenin diğer içeriklerden daha önemli, acil veya semantik olarak üstün olduğunu bildirmez.

Örneğin bir ürün sayfasında Stokta, Yeni veya bir kategori adı gibi dikkat çekmesi yararlı olan ifadelerde  kullanılabilir. Fakat Uyarı: ödeme tamamlanamadı gibi içerik, belgenin anlamı bakımından önemliyse  daha doğru seçimdir.

b, strong ve CSS font-weight farkı

Bu üç yaklaşım benzer bir görsel sonuç üretebilir; fakat amaçları aynı değildir.

Yaklaşım	Temel amacı	Ne zaman seçilir?	Anlam bildirir mi?
`<b>`	Dikkat çekme	Önem iddiası taşımayan belirli bir ifadeyi öne çıkarmak için	Evet: ek önem yüklemeden dikkat çekme
`<strong>`	Güçlü önem vurgusu	Uyarı, kritik koşul veya önemli sonuç gibi içerikler için	Evet
`font-weight`	Görsel yazı ağırlığı	HTML anlamını değiştirmeden tasarımı yönetmek için	Hayır

Kararı şu sırayla verebilirsiniz: Metinde anahtar sözcük veya ürün adı gibi anlamlı dikkat çekme ihtiyacı varsa ve başka uygun öğe yoksa , okuyucu veya yardımcı teknolojiler açısından önemli bir vurgu taşıyacaksa , HTML anlamı aynı kalırken kalınlık tasarımla yönetilecekse CSS font-weight kullanın.

Uygulanabilir örnek

Aşağıdaki tam HTML örneği üç kullanımın ayrımını gösterir:

Kod:

<!doctype html>
<html lang="tr">
<head>
  <meta charset="utf-8">
  <title>Vurgu örneği</title>
  <style>
    .etiket {
      font-weight: 600;
    }
  </style>
</head>
<body>
  <p><b>Yeni</b> ürün listesi</p>
  <p><strong>Uyarı:</strong> Formu göndermeden önce alanları kontrol edin.</p>
  <p class="etiket">Görsel ağırlığı CSS ile belirlenen metin</p>
</body>
</html>

Uygularken:

İfadeyi HTML içinde yalnızca dikkat çekmek amacıyla işaretleyecekseniz metin biçimini kullanın.
İfadenin içerik açısından güçlü bir önem taşıdığını belirlemek istiyorsanız metin biçimine geçin.
İçeriğe anlam eklemeden görünümü kontrol etmek istiyorsanız bir sınıf tanımlayıp CSS üzerinden font-weight uygulayın.
Dosyayı tarayıcıda açın. Başarı durumunda üç paragrafın metinleri görünür; ilk ve ikinci vurgu tarayıcının varsayılan stilleriyle, üçüncü vurgu ise CSS kuralıyla ağırlıklandırılır.

İlk ifade beklediğiniz gibi öne çıkmıyorsa tarayıcının varsayılan stilini geçersiz kılan CSS kurallarını kontrol edin.  etiketinin amacı önem belirtmek olmadığı için onu her kalın görünen metin için otomatik olarak  ile değiştirmeyin; önce içeriğin gerçekten anlam bakımından önemli olup olmadığını değerlendirin.

Sık sorulan sorular

b etiketi eski olduğu için artık geçersiz mi?

Hayır; güncel HTML'de tanımlı bir öğedir. Ancak sırf kalın görünüm için her yerde kullanılması gerekmez. İçeriğin dikkat çekme amacı yoksa görsel yazı ağırlığını CSS ile yönetebilirsiniz.

Başlıkları b etiketiyle yazmak yeterli olur mu?

Hayır. Kalın görünen bir paragraf belgeye başlık hiyerarşisi kazandırmaz. Bölüm başlığı için uygun h1-h6 öğesini seçin; tasarımını CSS ile düzenleyin. Görünüm ile belgedeki rolü ayrı kontrol edin.

HTML b etiketi nedir?

Mehmet