HTML
Anlamsal etiketler neden önemli
Anlamsal etiketlerin erişilebilirlik ve SEO açısından rolünü öğrenirsin.
Anlamsal etiket nedir?
Bir web sayfasını <div> ve <span> ile de kurabilirsin; ama bu etiketler içeriğin ne anlama geldiğini söylemez. Anlamsal etiketler ise adından görevini belli eder: <article> bir yazı, <nav> bir menü, <footer> sayfanın alt kısmı demektir.
Anlamsal HTML, içeriği yapı ve anlam bakımından açıklar. Tarayıcı, arama motorları ve ekran okuyucular bu yapıyı görünce sayfanın amacını daha kolay anlar. Kodu okuyan insanlar da hangi bölümün ne işe yaradığını hızlıca görür.
Erişilebilirlik ve SEO
Anlamsal etiketler iki tarafı da güçlendirir. Erişilebilirlik (accessibility), ekran okuyucu kullanan kişilerin sayfayı anlamlandırmasına yardım eder; örneğin bir <nav> gördüklerinde 'menü' olarak okurlar. SEO (arama motoru eniyilemesi) ise sayfanın doğru aramalarda çıkmasını kolaylaştırır; arama motorları anlamsal yapıyı kullanarak içeriğin önemini tartar.
Yani tek bir <header> etiketi hem insanlara hem makinelere yardım eder. Bu yüzden anlamsal etiketler yalnızca süs değil, sayfanın kalitesini gerçekten artırır.
Bu derste gördüklerimiz
Şu noktaları unutma:
<div> bir kabın adıdır; anlam taşımaz.- Anlamsal etiketler adından görevini belli eder.
- Erişilebilirlik ve SEO anlamsal etiketlerle güçlenir.
Şimdi tek tek anlamsal etiketleri öğrenmeye hazırız: <header>, <footer>, <nav>, <main>, <article>, <section>, <aside>, <address>.
Kendini test et
-
Anlamsal HTML'in en temel amacı aşağıdakilerden hangisidir?
- İçeriğe anlam katmak
- Sayfayı renklendirmek
- Resim eklemek
- Form göndermek
Cevabı göster
İçeriğe anlam katmak — Doğru. Anlamsal HTML, içeriğe yapı ve anlam bakımından açıklık katar.
-
Anlamsal etiketin amacını tamamla
<p>Anlamsal etiketler içeriğin ____ anlatan etiketlerdir.</p>
Cevabı göster
<p>Anlamsal etiketler içeriğin anlamını anlatan etiketlerdir.</p>
-
Kavramı rolüyle eşleştir
- Anlamsal HTML
- İçeriğe anlam katar
- Erişilebilirlik
- Ekran okuyucuya yardım eder
- SEO
- Arama motorunda çıkar
- div
- Anlam bildirmez
Sıradaki ders: Header ve footer
