Introduction détaillée aux règles d'imbrication des balises HTML5

Ce qui suit vous donne une introduction détaillée aux règles d'imbrication des balises HTML5. Le résumé est très bon et cela vaut la peine d'y jeter un œil ensemble.

[1] Catégorie [2] Sous-élément [3] Résumé

Mots précédents
En HTML5, les sous-éléments de l'élément éléments, ce qui était auparavant considéré comme contraire aux règles. Cet article présentera en détail les règles d'imbrication des balises de la classification html5

Avant l'émergence de html5, les éléments étaient souvent distingués selon le bloc, l'inline et l'inline-block. En HTML5, les éléments ne se distinguent plus par des affichageattributs, mais par un contenu modèle, qui sont divisés en contenu de métadonnées, zone Contenu de blocage, contenu de titre, flux. contenu, contenu de formulation, contenu intégré et contenu interactif. Les éléments qui n'appartiennent à aucune catégorie sont dits pénétrants ; les éléments qui peuvent appartenir à plusieurs catégories sont dits mixtes.

Le contenu des métadonnées est un élément qui peut être utilisé pour décrire les performances ou le comportement d'un autre contenu, ou pour établir une relation entre le document actuel et d'autres documents

Titre du modèle de style de script méta noscript de lien de base
Le contenu du flux correspond à la plupart des éléments utilisés dans le corps principal des applications et des documents

une zone d'adresse abbr (s'il s'agit d'un élément enfant de l'élément de carte) article à part audio b bdi bdo blockquote br bouton canvas citer le code données datalist del dfn p dl em intégrer champs figure pied de page formulaire h1 h2 h3 h4 h5 h6 en-tête hr i iframe img entrée ins kbd keygen étiquette carte principale marque compteur mathématique nav noscript objet ol sortie p pré progrès q ruby ​​​​s samp script section select small span strong sub sup svg table template textarea time u ul var video wbr text
　block type L'élément (sectionnement du contenu) est utilisé pour définir la plage de titre et de pied de page

section de navigation de côté article
L'élément de titre (contenu du titre) définit le titre d'une section/section

h1 h2 h3 h4 h5 h6
　Le contenu de la phrase est un élément utilisé pour marquer le texte au niveau du paragraphe

une zone abbr (s'il s'agit d'un enfant de l'élément map) audio b bdi bdo br bouton toile citer code données datalist del dfn em embed i iframe img input ins kbd keygen label map mark math meter noscript object output progress q ruby ​​​​s samp script select small span strong sub sup svg template textarea time u var video wbr text
　Type intégré L'élément (contenu intégré) est un élément qui fait référence à ou est inséré dans d'autres ressources du document

canevas audio intégrer iframe img objet mathématique svg vidéo
Le contenu interactif est spécialement utilisé des éléments pour interagir avec l'utilisateur

un bouton audio (si l'attribut Controls est défini) pour intégrer iframe img (si l'attribut usemap est défini) une entrée (si l'attribut type n'est pas masqué) un objet d'étiquette keygen (si l'attribut usemap est défini)) sélectionnez une vidéo de zone de texte ( si l'attribut contrôles est défini)

élément enfant
[1] L'élément enfant est un élément de flux

,

, < ;blockquote> ;,

,

,

,

,

,
[1.1] Les éléments enfants sont des éléments de flux, à l'exclusion des éléments

,

[1.2] Les éléments enfants sont des éléments de flux, mais n'incluent pas d'éléments

,

[4.1] Les éléments enfants peuvent ne pas en avoir, peuvent être des éléments

éléments

< ol>,

[4.2] Les éléments enfants peuvent ne pas être présents, peuvent être des éléments
et

[1.6] Les éléments enfants sont des éléments de flux, mais n'incluent pas

,

, < ;adresse>, sectionnement du contenu, contenu du titre

[1.7] L'élément enfant est un élément

, suivi de l'élément de flux

;

[1.8] L'élément enfant est un élément

suivi de l'élément flow

【2】Le sous-élément est un élément de déclaration

, , , , , , , , , , , , , , , , , , , ,


, ,

[2.2] Les éléments enfants sont des éléments d'instruction, mais n'incluent pas d'éléments de contenu interactif (contenu interactif)

【3】L'élément enfant est transparent (sous réserve des éléments enfants autorisés par son élément parent)

, ,

　【3.1 】L'élément enfant est transparent (sous réserve des éléments enfants autorisés par son élément parent), mais n'inclut pas d'éléments interactifs (contenu interactif)

[3.2] Enfant les éléments peuvent n'en avoir aucun, il peut s'agir d'un élément , ou il peut être transparent (sous réserve des éléments enfants autorisés par son élément parent)