HTML <h> címkék
Hogyan használd őket helyesen?
A HTML <h> címkék az egyik legfontosabb szerkezeti elemek egy weboldalon. Segítenek strukturálni a tartalmat, és kiemelik a fontos részeket mind az olvasók, mind a keresőmotorok számára.
De miért olyan fontosak ezek a címkék? Nézzük meg!
Mi az a <h> címke?
A HTML <h> (heading) címkék segítségével tudunk címsorokat létrehozni egy weboldalon. Ezek hierarchikus rendben állnak rendelkezésre, és hat különböző szintjük van:
🔹 A <h1> címke – A legfontosabb címsor
A <h1> az oldal főcíme, amely általában a legnagyobb betűméretű és kiemelt jelentőségű. A keresőmotorok ezt kiemelten kezelik, ezért egy oldalon csak egy <h1> címke legyen.
🔍 Példa:
<h1>Mi az a HTML?</h1>
A többi címsor: <h2> – <h6>
A <h2> – <h6> címkék hierarchikusan követik egymást, és az alfejezeteket jelölik.
🔹 <h2>: Fontos alcímekhez használjuk.
🔹 <h3>: Egy <h2> alatti fejezet címe.
🔹 <h4> – <h6>: Egyre kisebb fontosságú alcímek.
🔍 Példa egy struktúrált HTML címsorrendszerre:
<h1>Ez egy főcím (h1)</h1>
<h2>Ez egy alcím (h2)</h2>
<h3>Ez egy kisebb alcím (h3)</h3>
<h4>Ez már kisebb hangsúlyt kap (h4)</h4>
<h5>Ez egy még kisebb cím (h5)</h5>
<h6>Ez a legkisebb cím (h6)</h6>
📌 Megjegyzés:
✅ Az <h1> a legfontosabb címsor, amelyből egy oldalon csak egy legyen.
✅ Az <h2> és kisebb címek az alfejezetekhez használatosak.
✅ Ne ugorj túl nagyot a hierarchiában (pl. <h1> után ne <h4> jöjjön).