Elementul main
Elementul main reprezintă conținutul principal al paginii web. El reprezintă conținutul unic, care nu ar trebui să includă elemente care se repetă pe diferite pagini web, cum ar fi barele laterale, link-urile de navigație, informațiile despre dreptul de autor, logourile și asemănătoare.
Utilizăm elementul main:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Semantica în HTML5</title>
</head>
<body>
<main>
<h1>Modele pe Snapdragon 808</h1>
<p>Smartphone-uri echipate cu procesorul Snapdragon 808</p>
<article>
<h2>Google Nexus 5X</h2>
<p>Nexus 5X oferă un dispozitiv compact și de încredere pentru sarcinile de zi cu zi.
Echipat cu un ecran de 5,2 inch și procesor hexa-core Snapdragon 808...</p>
</article>
<article>
<h2>Microsoft Lumia 950</h2>
<p>Prin utilizarea Microsoft Display Dock, smartphone-ul tău Lumia 950 Dual SIM se transformă într-un computer complet, conectându-se la un monitor extern,
tastatură și mouse...</p>
</article>
</main>
</body>
</html>
Nu trebuie să gândim că absolut tot conținutul trebuie obligatoriu să fie plasat în elementul main. Putem utiliza, de asemenea, în afara acestuia alte elemente, precum header și footer:
<body>
<header>
..............
</header>
<main>
.................
</main>
<footer>
.................
</footer>
</body>Totuși, trebuie să ținem minte că elementul main nu poate fi inclus în elemente precum article, aside, footer, header, nav. În plus, pe o pagină web este permisă prezența unui singur element main.
De asemenea, este important de menționat că, în prezent, există unele probleme cu suportul acestui element în browsere. În special, IE 11 nu suportă acest element (în restul browserelor există suport complet), așa că în acest caz este recomandabil să se folosească atributul de rol:
<main role="main">
...
</main>Specificarea rolului va permite ca IE11 și versiunile mai vechi ale IE să interpreteze corect elementul.