Que signifie la balise principale html5 ? Introduction détaillée au rôle de la balise principale HTML5

Que signifie la balise principale html5 ? Quelles sont les fonctions de la balise main html5 ? Cet article parle principalement de la définition et des fonctions spécifiques de la balise main html5, ainsi que des instructions détaillées sur l'utilisation de la balise main html5.

Tout d'abord, regardons ce que signifie html main :

La définition et la fonction de la balise html5 main :

< main> tag réglementations Le contenu principal du document. Le contenu de l'élément

doit être unique au document. Il ne doit pas contenir de contenu qui apparaît de manière répétée dans le document, tel que des barres latérales, des barres de navigation, des informations sur les droits d'auteur, des logos de sites ou des formulaires de recherche.

Remarque : Plus d'un élément

ne peut pas apparaître dans un document. L'élément

ne peut pas être un descendant de

,

,

,

ou

. La balise

est une nouvelle balise en HTML 5.

L'élément

a été officiellement ajouté à la spécification HTML du W3C en 2013. Jusqu'à présent, la définition de cet élément est plutôt bonne, il est donc temps maintenant d'examiner de plus près quand il est approprié de utilisez-le. Alors commençons. L'objectif principal de la

spécification W3C

est de mapper le point de repère ARIA main à un élément en HTML. Cela aide les lecteurs d’écran et les appareils d’assistance à savoir où commence le contenu principal de la page.

La spécification du W3C décrit

comme :

Le contenu principal d'un document ou d'une application. La zone de contenu principale comprend du contenu qui se rapporte directement ou s'étend au sujet central du document ou à la fonctionnalité principale de l'application.

Depuis que l'élément

a été inclus dans la spécification HTML, l'élément est revenu à sa définition HTML4.

L'élément body représente le contenu du document.

Le rôle spécifique de la balise main html5 :

L'utilisation de la balise

Selon les spécifications, le validateur du W3C générera une erreur si vous essayez d'utiliser plusieurs balises

Une autre exigence pour l'élément

est qu'il ne peut pas être utilisé comme nœud d'élément enfant de

,

,

,

,

Utilisation spécifique de la balise principale html5 :

Tout comme les autres nouveaux éléments HTML5, tous les navigateurs ne peuvent pas reconnaître

, et pour lui donner un style prédéfini, vous souhaiterez peut-être le définir comme élément de niveau bloc dans votre propre fichier CSS.

main {display:block;}

Parfois, afin de prendre en charge certaines versions inférieures des navigateurs IE, vous devrez peut-être également utiliser JavaScript pour créer cet élément.

<script type="text/javascript">document.createElement(&#39;main&#39;);</script>

Bien sûr, vous pouvez également utiliser html5shiv.

La façon la plus simple d'utiliser l'élément

sur l'élément< ;div>

Alors, à quoi cela devrait-il ressembler en pratique ? Vous trouverez ci-dessous la structure du document avant d'utiliser l'élément

<header>Header</header>
<div id="content">Main Content</div>
<footer>Footer</footer>

Ce qui suit utilise l'élément

<header>Header</header>
<main id="content">Main Content</main>
<footer>Footer</footer>

Eh bien, c'est si simple qu'en moins d'une minute, nous pouvons réécrire le document dans le dernier style HTML5.

【Recommandations associées】

Que signifie la balise HTML5 Explication détaillée de l'utilisation de base de la balise HTML5

Que signifie la zone de texte HTML ? Comment obtenir des sauts de ligne et des espaces dans les balises textarea ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!