Maison  >  Article  >  interface Web  >  Explication détaillée d'exemples d'élément principal dans h5

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

零下一度
零下一度original
2017-05-31 15:41:423475parcourir

Dès 2013, l'élément 61b85035edf2b42260fdb5632dc5728a 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

 61b85035edf2b42260fdb5632dc5728a 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 61b85035edf2b42260fdb5632dc5728a 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 61b85035edf2b42260fdb5632dc5728a a été inclus dans la spécification HTML, l'élément 6c04bd5ca3fcae76e30b72ad730ca86d 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 61b85035edf2b42260fdb5632dc5728a dans un document, le validateur W3C générera une erreur.

Une autre exigence pour l'élément 61b85035edf2b42260fdb5632dc5728a est qu'il ne peut pas être utilisé comme nœud d'élément enfant de 23c3de37f2f9ebcb477c4a90aac6fffd, 1aa9e5d373740b65a0cc8f0a02150c53, 15221ee8cba27fc1d7a26c47a001eb9b, c37f8231a37e88427e62669260f0074d,

Utilisez

Tout comme les autres nouveaux éléments HTML5, tous les navigateurs ne peuvent pas reconnaître 61b85035edf2b42260fdb5632dc5728a 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 61b85035edf2b42260fdb5632dc5728a est de remplacer ceux dont la valeur ID ou Class est main ou content.d75b50d79fd2256cec321824de8f670f

<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 61b85035edf2b42260fdb5632dc5728a

Ensuite, utilisez l'élément 61b85035edf2b42260fdb5632dc5728a

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 61b85035edf2b42260fdb5632dc5728a est super simple et ne prend que quelques minutes, il est donc maintenant vraiment temps d'amener l'élément 61b85035edf2b42260fdb5632dc5728a 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn