HTML5 waxa uu soo bandhigay qaybo semantic ah oo cusub si loo qeexo qaybaha kala duwan ee bogga shabakadda si cad oo macno leh. Qaybahaan waxa ay ka caawiyaan injiinnada raadinta (search engines) iyo akhristayaasha shaashadda (screen readers) in ay si fiican u fahmaan qaabka bogga.

Qaybaha Semantic-ka ee ugu muhiimsan:

• <header>: Waxa uu metelaa hordhaca bogga ama qayb ka mid ah. Waxa ku jiri kara cinwaan, astaanta (logo), ama menu-ga navigation-ka.
• <nav>: Waxa uu metelaa qayb ka mid ah bogga oo ka kooban xiriirinta navigation-ka.
• <main>: Waxa uu metelaa waxa ugu muhiimsan ee ku jira bogga. Hal bog waa inuu lahaadaa kaliya hal qaybood oo <main>.
• <article>: Waxa uu metelaa maqaal iskiis u taagan oo ku jira bogga, sida qoraal blog, warbixin, ama sheeko.
• <aside>: Waxa uu metelaa waxyaabaha dhinaca ku yaal ee la xiriira waxa ku jira bogga, sida xayaysiis, xiriirinta kale, ama macluumaad dheeraad ah.
• <footer>: Waxa uu metelaa gunta bogga ama qayb ka mid ah. Waxa ku jiri kara macluumaadka xuquuqda daabacaada, xiriirinta, ama macluumaad kale.

Tusaale:

<header>
  <h1>Cinwaanka Bogga</h1>
  <nav>
    <ul>
      <li><a href="#">Bogga Hore</a></li>
      <li><a href="#">Ku Saabsan</a></li>
      <li><a href="#">Xiriir</a></li>
    </ul>
  </nav>
</header>
<main>
<article>
<h2>Cinwaanka Maqaalka</h2>
<p>Qoraalka maqaalka halkan ayaa la dhigayaa.</p>
</article>
</main>
<aside>
<h3>Xayaysiis</h3>
<p>Xayaysiis halkan.</p>
</aside>
<footer>
<p>&copy; 2023 Xuquuqda daabacaadu way xifdantahay.</p>
</footer>

Isticmaalka qaybaha semantic-ka waxa ay ka caawisaa in boggaagu noqdo mid la heli karo, si fiican loo habeeyay, oo u sahlanaado injiinnada raadinta in ay fahmaan waxa ku jira boggaaga.