Ce face <main>
Tagul <main> marchează conținutul central al fiecărei pagini, cel care diferă de la o pagină la alta a aceluiași site.
Trebuie să existe un singur tag <main> vizibil pe pagină. Este un reper cheie de accesibilitate: utilizatorii cu deficiențe de vedere pot sări direct la conținutul util fără a parcurge de fiecare dată meniul de sus.
Exemple
Exemplul 1: Izolarea conținutului principal de elementele repetitive
main conține articolul sau conținutul paginii curente.
<header><p>Meniul site-ului...</p></header>
<main id="continut">
<h1>Curs complet de HTML5</h1>
<p>Astăzi învățăm structura semantică.</p>
</main>
<footer><p>Subsol comun...</p></footer>Ce afișează browserul
Zona centrală cu titlul Curs complet de HTML5 și textul explicativ.Greșeli frecvente
- Includerea mai multor taguri
vizibile pe aceeași pagină. - Plasarea lui
în interiorul unui tag
,
Comenzi înrudite
<article>: Conținut complet și autonom, care are sens de unul singur dacă este distribuit separat (articol de blog, știre, comentariu).<section>: Marchează o secțiune tematică a unei pagini sau a unui articol, care ar trebui să aibă propriul titlu (h2-h6).<header>: Antetul introductiv al paginii sau al unei secțiuni: conține de regulă sigla, titlul și navigarea.<footer>: Subsolul paginii sau al unei secțiuni: conține drepturi de autor, linkuri legale, date de contact și harta site-ului.