communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > Tutoriel H5 > Structure et sémantique de HTML5 (2) : compétences du didacticiel Structure_html5

Structure et sémantique de HTML5 (2) : compétences du didacticiel Structure_html5

WBOY

Libérer： 2016-05-16 15:51:47

original

1227 Les gens l'ont consulté

Même les pages HTML bien formées peuvent être difficiles à traiter en raison d'un manque de structure. Le niveau du titre doit être analysé pour voir comment les sections sont divisées. Les barres latérales, les pieds de page, les en-têtes, les barres de navigation, les zones de contenu principales et les articles individuels sont tous représentés par des éléments div communs. HTML 5 ajoute de nouveaux éléments spécifiquement pour identifier ces structures communes :
· section : Cela peut être un chapitre ou une section dans un livre, en fait tout ce qui a son propre titre en HTML 4
· header : l'en-tête qui apparaît sur la page distinct de l'élément head Idem · pied de page : pied de page ; peut afficher la signature dans un e-mail
· navigation : un ensemble de liens vers d'autres pages
· article : un article dans un blog, un magazine, une compilation d'articles, etc.
Considérons une page d'accueil de blog typique, qui a un en-tête en haut, un pied de page en bas, plusieurs articles, une zone de navigation et une barre latérale. Voir le code 1 pour une page de blog typique.

Mokka mit Schlag

"/blog/birding/2007/04/23/spring-comes-and-goes-in-sussex-county/"> Le printemps arrive (et repart) dans le comté de Sussex

Hier, j'ai rejoint le Brooklyn Bird Club pour notre

voyage annuel dans l'ouest du New Jersey, plus précisément Hyper
Humus, un point chaud découvert relativement récemment.
a commencé. comme une belle matinée d'hiver lorsque nous sommes arrivés
sur le site à 7h30, avons progressé vers le printemps vers
10h00 et sommes arrivés au début de l'été vers 10h15

"/blog/birding/2007/04/23/mais-est-ce-que-compte-pour-votre-vie -list/"> Mais est-ce que ça compte pour votre liste de vie ?

Il semble que vous puissiez maintenant y aller href="http: //www.wired.com/science/discoveries/news/ 2007/04/cone_sf">observation des oiseaux via Internet
. Je n'ai pas encore pu le tester (20 utilisateurs
limite apparemment) mais c'est certainement cool.
Personnellement, je ne peux pas imaginer que cela remplace
le fait d'être sur le terrain par une petite quantité.
D'un autre côté, j'ai toujours J'ai trouvé assez
triste de rencontrer des ornithologues amateurs âgés qui ne sont plus capables de
tenir leurs jumelles stables ou de se rendre au parc. Je peux
imaginer que cela pourrait les intéresser au moins un. Un ornithologue amateur âgé a fait une grosse année à la télévision, après
il ne pouvait plus autant sortir.
est certainement au-dessus de cela.

Même avec l'indentation correcte, ces divs imbriqués semblent toujours très déroutants. En HTML 5, ces éléments peuvent être remplacés par des éléments sémantiques, voir le Code 2 pour une page de blog typique écrite en HTML5

Mokka mit Schlag

Mokka mit Schlag

"/blog/birding/2007/04 /23/le printemps va et vient dans le comté de Sussex/">
Le printemps arrive (et repart) dans le comté de Sussex

Hier, j'ai rejoint le Brooklyn Bird Club pour notre
voyage annuel dans l'ouest du New Jersey, plus précisément à Hyper
Humus, un point chaud découvert relativement récemment. Cela
a commencé par une belle matinée d'hiver lorsque nous sommes arrivés
sur le site à 7h30. A.M., a progressé vers le printemps vers 10h00
A.M. et a atteint le début de l'été à 10h15

"/blog/birding/2007/04/23/but-does-it-count-for-your-life-list/"> Mais est-ce que ça compte pour votre liste de vie ?

Il semble que vous puissiez maintenant aller href="http://www.wired.com/science/discoveries/news/ 2007/04/cone_sf">observer les oiseaux via Internet
. Je n'ai pas encore pu le tester (limite de 20 utilisateurs
apparemment) mais c'est certainement cool.
Personnellement, je ne peux pas imaginer qu'il remplace
réellement disponible. sur le terrain, même en petite quantité.
Par contre, j'ai toujours trouvé assez
triste de rencontrer des ornithologues amateurs seniors qui ne sont plus capables
de tenir leurs jumelles ou de se rendre au parc. Je peux
imaginer que cela pourrait les intéresser. Au moins un ornithologue amateur âgé a passé une grande année à la télévision, après
il ne pouvait plus sortir autant. C'est certainement
au-dessus de cela.

Désormais, le div n'est plus nécessaire. Vous n'avez plus besoin de définir vous-même l'attribut de classe, la signification de chaque partie peut être déduite du nom de l'élément standard. Ceci est particulièrement important pour les navigateurs audio, les navigateurs mobiles et autres navigateurs non standard. 　
　(À suivre)

Étiquettes associées：

div href 结构 Sémantique

source：php.cn

Article précédent：Le canevas HTML5 réalise l'effet spécial des chutes de flocons de neige_html5 compétences du didacticiel Article suivant：Utilisez des composants simples de préchargement d'images pour améliorer l'expérience utilisateur des pages mobiles HTML5 _Compétences du didacticiel HTML5

Déclaration de ce site Web

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

Derniers articles par auteur