Vurgu ve önemli metin

, , ve etiketleriyle metne anlam katmayı öğrenirsin.

strong ve em etiketleri

HTML'de metne anlam katan iki temel etiket vardır.  içine alınan metin önemli olarak işaretlenir ve tarayıcı tarafından önemli gösterilir.  (emphasis) ise vurgulu metni taşır; tarayıcı bunu vurgu gösterir.

Asıl fark görsel değil, anlamsaldır. Ekran okuyucular 'yu farklı bir tonla, 'yi vurguyla okur.

mark ve small etiketleri

 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.

 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

, ,  ve  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  kullanmak doğru değildir — kalınlık CSS işidir.  etiketini yalnızca metin gerçekten önemliyse kullan.

Uygulama Anlamlı bir cümle yaz

Body içine bir  ekle. İçinde bir  (örneğin önemli), bir  (örneğin not), bir  (örneğin yarın) ve bir  (ö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?
- 
- 
- 
- 
Cevabı göster

 — Doğru. ö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?
- 
- 
- 
- 
Cevabı göster

 — Doğru. yan not ve küçük yazı içindir.
Etiketi rolüyle eşleştir



Önemli metin


Vurgulu metin


İşaretli metin


Yan not / küçük yazı

Sıradaki ders: Alıntı ve kaynak

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler