A <main> címke –
A weboldal fő tartalma
A <main> HTML elem a weboldal központi, egyedi tartalmát jelöli. Ez az a rész, amely közvetlenül kapcsolódik az oldal céljához, és általában nem tartalmaz oldalsávokat, fejlécet vagy láblécet.
🔹 Miért fontos a <main>?
✔ Jelzi a böngészőnek és a keresőmotoroknak (pl. Google), hogy ez a weboldal fő tartalma.
✔ Segíti az akadálymentesítést (pl. képernyőolvasók gyorsan elérhetik).
✔ Egyértelműbbé teszi a HTML szerkezetet, segít a jobb keresőoptimalizálásban (SEO).
✔ Csak egy <main> címke lehet egy HTML oldalon.
🔹 Hogyan használjuk?
A <main> általában az oldal fő tartalmát foglalja magában, és közvetlenül a <header> és <nav> után helyezkedik el.
📝 Alap HTML példa:
<header>
<h1>Digitális Felfedezők</h1>
<nav>
<ul>
<li><a href=”#”>Kezdőlap</a></li>
<li><a href=”#”>Rólunk</a></li>
<li><a href=”#”>Kapcsolat</a></li>
</ul>
</nav>
</header>
<main>
<h2>Üdvözlünk a weboldalunkon!</h2>
<p>Itt találod az összes friss bejegyzésünket és hasznos információt.</p>
</main>
<footer>
<p>© 2025 Digitális Felfedezők</p>
</footer>
🔹 Hogyan építsünk fel egy teljes weboldalt <main> segítségével?
A <main> általában további szerkezeti HTML elemeket tartalmaz, például:
<section>– Tartalmi egységekre bontja a fő részt.<article>– Blogposztokhoz, hírekhez vagy különálló tartalmi elemekhez.<aside>– Kiegészítő információk (pl. ajánlott cikkek, reklámok).
📝 Példa strukturált <main> használatra
<main>
<section>
<h2>Legfrissebb hírek</h2>
<article>
<h3>HTML alapjai</h3>
<p>Megtanulhatod a HTML struktúráját és használatát.</p>
<a href=”#”>Olvasd tovább</a>
</article>
<article>
<h3>CSS bevezetés</h3>
<p>Stílusok és design elemek a weboldaladon.</p>
<a href=”#”>Tovább a cikkhez</a>
</article>
</section>
<aside>
<h3>Kapcsolódó témák</h3>
<ul>
<li><a href=”#”>JavaScript alapok</a></li>
<li><a href=”#”>Reszponzív webdesign</a></li>
</ul>
</aside>
</main>
🔹 GYIK – Gyakran Ismételt Kérdések
1️⃣ Kötelező használni a <main> címkét?
🔹 Nem kötelező, de erősen ajánlott a weboldal szerkezetének tisztázására.
2️⃣ Lehet több <main> címke egy oldalon?
🔹 Nem! Egy oldalon csak egy <main> lehet.
3️⃣ Mi történik, ha nem használok <main>-t?
🔹 A weboldal még mindig működni fog, de a keresőmotorok és az akadálymentesítés szempontjából kevésbé lesz optimalizált.
🔹 Összegzés
✔ A <main> az oldal fő tartalmának kijelölésére szolgál.
✔ Csak egy lehet belőle egy oldalon.
✔ Segíti az SEO-t és az akadálymentesítést.
✔ Gyakran <section>, <article> és <aside> elemeket tartalmaz.
👉 Ha következő lépésként szeretnéd még részletesebben tanulni a HTML struktúrát, nézd meg a <section> és <article> címkékről szóló bejegyzéseket! 🔗