Maison > Article > interface Web > Compétences du didacticiel HTML5 sur la normalisation structurée sémantique_html5
Compétences du didacticiel HTML5 sur la normalisation structurée sémantique_html5
- WBOYoriginal
- 2016-05-16 15:51:391389parcourir
La structure HTML est plus claire et plus standardisée, découvrez les idées de la structure d'optimisation HTML5.
HTML5 ajoute quelques nouveaux éléments pour marquer les structures couramment utilisées, rendant le HTML plus sémantique, mais on ne peut pas l'utiliser directement, et même s'il est possible de l'utiliser, cela prendra dix ou huit ans.
C'est comme les microformats, utilisez plutôt la classe, ou n'hésitez pas à utiliser l'identifiant et le nom de la classe à la place pour rendre votre structure plus claire et la promouvoir comme standard pour rendre la collaboration en équipe plus fluide.
Quelques nouvelles balises structurelles
◎section : Cela peut être un chapitre ou une section d'un livre, vraiment tout ce qui a son propre titre en HTML4
◎header : l'en-tête affiché sur la page ; différent de l'élément head
◎footer : pied de page ; peut afficher la signature dans l'email
◎nav : un ensemble de liens vers d'autres pages
◎article : Un article dans un blog, un magazine, compilation d'articles, etc.
Quelques exemples
Structure de document HTML5
...
...
Structure du document XHTML
en-tête
nav
section
à part
pied de page
Structure des images HTML5
Structure des images XHTML
Figure2.InstallMozillaXFormsdialog
Marquage HTML5
L'élément m indique que le texte est "marqué", mais il n'est pas forcément nécessaire de le souligner. Pensez-y comme à une section surlignée dans un livre.
La page mise en cache de Google est un cas d'utilisation typique. En cas de lien vers une copie en cache, le terme de recherche est signalé. Par exemple, si vous recherchez « Aigrette », une page Google mise en cache pourrait ressembler à ceci :
La GrandeAigrette (également connue sous le nom d'Aigretteaméricaine ) est un grand échassier blanc que l'on trouve dans le monde entier. La GrandeAigrette vole avec des battements d'ailes lents (également connue sous le nom d'Aigrette américaine ) est un grand échassier blanc que l'on trouve dans le monde entier. .La GrandeAigrettevole avec des battements d'ailes lents.
HTML5 ajoute quelques nouveaux éléments pour marquer les structures couramment utilisées, rendant le HTML plus sémantique, mais on ne peut pas l'utiliser directement, et même s'il est possible de l'utiliser, cela prendra dix ou huit ans.
C'est comme les microformats, utilisez plutôt la classe, ou n'hésitez pas à utiliser l'identifiant et le nom de la classe à la place pour rendre votre structure plus claire et la promouvoir comme standard pour rendre la collaboration en équipe plus fluide.
Quelques nouvelles balises structurelles
◎section : Cela peut être un chapitre ou une section d'un livre, vraiment tout ce qui a son propre titre en HTML4
◎header : l'en-tête affiché sur la page ; différent de l'élément head
◎footer : pied de page ; peut afficher la signature dans l'email
◎nav : un ensemble de liens vers d'autres pages
◎article : Un article dans un blog, un magazine, compilation d'articles, etc.
Quelques exemples
Structure de document HTML5
Structure du document XHTML
Structure des images HTML5
Structure des images XHTML
Marquage HTML5
L'élément m indique que le texte est "marqué", mais il n'est pas forcément nécessaire de le souligner. Pensez-y comme à une section surlignée dans un livre.
La page mise en cache de Google est un cas d'utilisation typique. En cas de lien vers une copie en cache, le terme de recherche est signalé. Par exemple, si vous recherchez « Aigrette », une page Google mise en cache pourrait ressembler à ceci :
La Grande
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