Analyse des règles d'imbrication des balises en HTML5

L'éditeur ci-dessous vous apportera une explication détaillée des règles d'imbrication des balises HTML5 [à lire absolument]. L'éditeur le trouve plutôt bien, j'aimerais donc le partager avec vous maintenant et le donner comme référence

Mots précédents
En HTML5, les sous-éléments de l'élément être des éléments de niveau bloc, ce qui n'était pas le cas dans le passé, et est considéré comme incompatible avec les 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 du contenumodèle.

est divisé en contenu de métadonnées, contenu de section, contenu de titre, contenu de flux, contenu de formulation et contenu intégré), interactif (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 connexion entre le document actuel et d'autres documents

base link meta noscript script style template title

Élément de flux (flux contenu) sont la plupart des éléments utilisés dans le corps principal des applications et des documents

a abbr address area(如果它是map元素的子元素) article aside audio b bdi bdo blockquote br button canvas cite code data datalist del dfn div dl em embed fieldset figure footer form h1 h2 h3 h4 h5 h6 header hr i iframe img input ins kbd keygen label main map mark math meter nav noscript object ol output p pre progress q ruby s samp script section select small span strong sub sup svg table template textarea time u ul var video wbr text

Les éléments de section (contenu de section) sont des éléments utilisés pour définir la portée des en-têtes et des pieds de page

article à côté de la section de navigation
Le contenu du titre définit le titre d'une section/section

h1 h2 h3 h4 h5 h6
Le contenu de la phrase est utilisé pour les éléments qui marquent le texte au niveau du paragraphe

une zone abbr ( s'il s'agit d'un enfant d'un élément de carte) audio b bdi bdo br bouton toile citer le code données datalist del dfn em embed i iframe img entrée ins kbd keygen étiquette carte marque math mètre noscript objet sortie progression q ruby ​​​​s samp script select small span strong sub sup svg template textarea time u var video wbr text
　Les éléments intégrés (contenu intégré) sont des références ou insérés dans d'autres documents Éléments de ressources

canevas audio intégrer iframe img objet mathématique vidéo svg
Les éléments interactifs (contenu interactif) sont des éléments spécifiquement utilisés pour interagir avec les utilisateurs

un bouton audio (si les contrôles sont définis sur l'attribut) intégrer iframe img (si l'attribut usemap est défini) une entrée (si l'attribut usemap est défini) l'attribut type n'est pas masqué) objet label keygen (si l'attribut usemap est défini) sélectionnez la vidéo textarea (si l'attribut contrôles est défini)

Éléments enfants
【1】Les éléments enfants sont des éléments de flux

,

,

, ,

, < div>,

,
[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 l'élément

,

[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

,

,

, le contenu de section, le contenu de titre

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

, suivi de L'élément fluide

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

, suivi de l'élément fluide

[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)