Vurgu ve önemli metin
<strong>, <em>, <mark> ve <small> etiketleriyle metne anlam katmayı öğrenirsin.
strong ve em etiketleri
HTML'de metne anlam katan iki temel etiket vardır. <strong> içine alınan metin önemli olarak işaretlenir ve tarayıcı tarafından önemli gösterilir. <em> (emphasis) ise vurgulu metni taşır; tarayıcı bunu vurgu gösterir.
Asıl fark görsel değil, anlamsaldır. Ekran okuyucular <strong>'yu farklı bir tonla, <em>'yi vurguyla okur.
mark ve small etiketleri
<mark> içine alınan metin, bir fosforlu kalemle çizilmiş gibi işaretlenmiş görünür. Tarayıcı bunu varsayılan olarak sarı arka planla gösterir. Okuyucunun dikkatini çekmek için kullanılır.
<small> ise küçük yazıyı taşır: yan not, telif hakkı notu ya da dipnot gibi. Yine görsel değil, anlamsal bir işarettir.
Anlamsal satır içi etiketler
<strong>, <em>, <mark> ve <small> birer anlamsal (semantic) satır içi etikettir. Yani görevleri metnin görünümünü değil, anlamını belirtmektir. Görünümü CSS ile ayarlarsın; HTML'de yalnızca anlamı işaretlersin.
Bu yüzden yalnızca önemli yazmak için <strong> kullanmak doğru değildir — kalınlık CSS işidir. <strong> etiketini yalnızca metin gerçekten önemliyse kullan.
Uygulama Anlamlı bir cümle yaz
Body içine bir <p> ekle. İçinde bir <strong> (örneğin önemli), bir <em> (örneğin not), bir <mark> (örneğin yarın) ve bir <small> (örneğin Saat 10'da.) bulunsun.
Örnek çözümü göster
<body>
<p>Bu <strong>önemli</strong> bir <em>not</em>: <mark>yarın</mark> toplantı var. <small>Saat 10'da.</small></p>
</body>Kendini test et
-
Önemli metni işaretlemek için hangi etiket kullanılır?
- <em>
- <mark>
- <strong>
- <small>
Cevabı göster
<strong> — Doğru. <strong> önemli metni taşır.
-
Önemli kelimeyi sar
<p>Bu ____ bir konu.</p>Cevabı göster
<p>Bu <strong>önemli</strong> bir konu.</p> -
Yan not ya da küçük yazı (örn. telif hakkı) için hangi etiket uygundur?
- <strong>
- <em>
- <mark>
- <small>
Cevabı göster
<small> — Doğru. <small> yan not ve küçük yazı içindir.
-
Etiketi rolüyle eşleştir
- <strong>
- Önemli metin
- <em>
- Vurgulu metin
- <mark>
- İşaretli metin
- <small>
- Yan not / küçük yazı