Explication détaillée d'exemples d'élément principal dans h5

Dès 2013, l'élément

a été officiellement ajouté à la spécification HTML du W3C. Jusqu'à présent, la définition de cet élément était très complète, il est donc temps d'examiner de plus près quand il est utilisé. est approprié d’utiliser l’élément

　L'objectif principal de la spécification du W3C

　

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 en HTML4.

L'élément body représente le contenu du document Une chose est qu'il ne peut être utilisé qu'une seule fois par page. Pourquoi est-il stipulé qu’une page ne peut être utilisée qu’une seule fois ? Même si les détails ne m'intéressent pas, certains points semblent logiques.

Selon la spécification, si vous essayez d'utiliser plusieurs balises

dans un document, le validateur W3C générera une erreur.

Une autre exigence pour l'élément

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

,

,

,

,

Utilisez

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

et y ajouter des styles par défaut. Vous devrez peut-être en faire un élément à part entière au niveau du bloc. Fichier CSS.

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.

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

    main {display:block;}

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

est de remplacer ceux dont la valeur ID ou Class est main ou content.< ;p>

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

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

Ensuite, utilisez l'élément

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

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

Résumé

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

Comme vous pouvez le voir, utiliser l'élément

est super simple et ne prend que quelques minutes, il est donc maintenant vraiment temps d'amener l'élément

développer le site Internet.

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!