Anlamsal HTML: header, nav, main, footer ne işe yarar?

<div> her şeye uyar ama hiçbir şey söylemez. <nav>, <main> gibi etiketler tarayıcıya, ekran okuyuculara ve arama motorlarına sayfanın hangi bölümünün ne olduğunu bildirir.

<body>
  <header>
    <h1>My site</h1>
    <nav><a href="/">Home</a> <a href="/blog">Blog</a></nav>
  </header>
  <main>
    <article>
      <h2>Post title</h2>
      <p>…</p>
    </article>
    <aside>Related links</aside>
  </main>
  <footer>© 2026</footer>
</body>

• Sayfada tek bir <main> olsun.
• Başlıklar sırayla gitsin: h1 → h2 → h3, seviye atlama.
• Düğme için <button>, bağlantı için <a> kullan; <div onclick> klavyeyle çalışmaz.