Semantik HTML Elementleri
Aslında html tarafında sıklıkla <div> etiketi kullanılsa da aslında hem tarayıcı hem de geliştirici için o etiketin neden dolayı kullanıldığı kullanıldığını anlamlaştırmak adına HTML5 ile birlikte semantik html etiketleri ortaya çıktı.
Ayrıca semantik etiketler kullanmak google arama sonuçlarında snippetler ile öne çıkma açısından faydalı olacaktır.
Örnek:
<header>
Bu etiket adından da anlaşılacağı gibi aslında başlık için kullanılır. Sayfada bir kereden fazla kullanılabilir. Örneğin article içerisinde kullanabilirsiniz.
<nav>
Bu etiket sayfadaki navigasyon bağlantıları için kullanılır.
<section>
Herhangi bir kısım veya bölüm / bölümler için kullanılır.
<main>
Genelde ana içeriğin olduğu kısmın kapsayıcısı olarak kullanılabilir.
<article>
Bu etiketi blog sitelerinde makale için, haber sitelerinde, form yazıları ve yorumlar için kullanılır.
<aside>
Bu etiket sidebar içerikleri için kullanılır.
<footer>
Bu etiket alt bilgi olarak kullanılır, sayfada birçok yerde kullanabilirsiniz.
<time>
Adından da anlaşılacağı gibi tarih/saat belirtmek için kullanılıyor.
