Bu Sekiz HTML5 Etiketini Biliyor musunuz?
Bu Sekiz HTML5 Etiketini Biliyor musunuz?
HTML5, modern web tasarım ve geliştirmenin vazgeçilmez bir
parçasıdır ve bir dizi yeni etiketle gelir. Bu etiketler, web sayfalarını daha
semantik, erişilebilir ve SEO dostu hale getirme konusunda önemli rol oynar.
İşte bu sekiz HTML5 etiketi ve ne işe yaradıkları:
1. <header> Etiketi:
<header> etiketi, sayfanın veya belirli bir
bölümün başlığını veya üstbilgisini tanımlar. Genellikle başlık, logo ve
navigasyon menüsü gibi unsurları içermek için kullanılır.
2. <nav> Etiketi:
<nav> etiketi, bir sayfanın gezinme
bağlantılarını veya menülerini içerir. Ana sayfa menüsü, alt menüler veya yan
menüler gibi sitenin gezinme öğelerini içerebilir.
3. <article> Etiketi:
<article> etiketi, bağımsız ve tamamlanmış bir
içerik parçasını temsil eder. Örneğin, bir blog yazısı veya haber makalesi <article>
içinde yer alabilir.
4. <section> Etiketi:
<section> etiketi, belgenin semantik bir
bölümünü tanımlar ve içeriği gruplar. Genellikle alt başlıkları ve alt
bölümleri düzenlemek için kullanılır.
5. <aside> Etiketi:
<aside> etiketi, sayfanın ana içeriğinden
bağımsız bir yan içeriği temsil eder. Bu, reklamlar, yorumlar veya ilişkili
içerik gibi unsurları içermek için kullanılabilir.
6. <figure> ve <figcaption> Etiketleri:
<figure> etiketi, resimler, grafikler, videolar
ve diğer medya öğelerini gruplamak için kullanılır. Bu etiketler, medya öğesini
açıklamak için kullanılan <figcaption> etiketi ile birlikte
çalışır.
7. <footer> Etiketi:
<footer> etiketi, sayfanın veya belirli bir
bölümün altbilgisini temsil eder. İletişim bilgileri, telif hakkı bilgileri
veya ilgili bağlantılar gibi unsurları içerebilir.
8. <main> Etiketi:
<main> etiketi, sayfanın ana içeriğini
belirtir. Bir sayfada yalnızca bir <main> etiketi bulunmalıdır ve
sayfanın ana içeriği bu etiket içinde yer alır.
Bu sekiz HTML5 etiketi, web geliştiricilerine ve
tasarımcılara sayfalarını daha anlamlı hale getirme ve SEO'yu iyileştirme
konusunda yardımcı olur. Ayrıca, sayfaların erişilebilirliğini artırır ve
tarayıcılar ile daha iyi uyumlu çalışır. HTML5 etiketlerini kullanarak web
sayfalarını daha düzenli ve anlaşılır hale getirebilirsiniz.