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 3499910bf9dac5ae3c52d5ede7383485 ê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

23c3de37f2f9ebcb477c4a90aac6fffd, 2f8332c8dcfd5c7dec030a070bf652c3, b8a712a75cab9a5aded02f74998372b4, dfbd62319252d7a5958acb2687a2370b, 614eb9dc63b3fb809437a716aa228d24, 44a8922e6607b31d059827e4b04a93b9, 61b85035edf2b42260fdb5632dc5728a, b6c5a531a458a2e790c1fd6421739d1c
[1.1] Les éléments enfants sont des éléments de flux, à l'exclusion des éléments 61b85035edf2b42260fdb5632dc5728a

15221ee8cba27fc1d7a26c47a001eb9b, c787b9a589a3ece771e842a6176cf8e9
　【1.2 】Les éléments enfants sont des éléments de flux, mais n'incluent pas l'élément f5d188ed2c074f8b944552db028f98a1

63bd76834ec05ac1f4c0ebbeaafb0994
　【1.3】Les éléments enfants sont des éléments de flux, mais n'incluent pas les éléments ff9c23ada1bcecdd1a0fb5d5a0f18437 >

ff9c23ada1bcecdd1a0fb5d5a0f18437

[1.4] Les éléments enfants sont des éléments de flux, mais n'incluent pas les éléments 1aa9e5d373740b65a0cc8f0a02150c53, c37f8231a37e88427e62669260f0074d, 61b85035edf2b42260fdb5632dc5728a ;footer>, 61b85035edf2b42260fdb5632dc5728a
[1.5] Les éléments enfants sont des éléments de flux, mais n'incluent pas 1aa9e5d373740b65a0cc8f0a02150c53, c37f8231a37e88427e62669260f0074d, les éléments de bloc (contenu de sectionnement), les éléments de titre (contenu de titre)

73de882deff7a050a357292d0a1fca94, b4d429308760b6c2d20d6300079ed38e
[1.6] Les éléments enfants sont des éléments de flux, mais n'incluent pas 1aa9e5d373740b65a0cc8f0a02150c53, c37f8231a37e88427e62669260f0074d, 208700f394e4cf40a7aa505373e0130b, le contenu de section, le contenu de titre

7042b0074afc983b95abbbecd9b94b55
[1.7] L'élément enfant est un élément 614eb9dc63b3fb809437a716aa228d24, suivi de L'élément fluide

24203f2f45e6606542ba09fd2181843a
[1.8] L'élément enfant est un élément e911751791aa3ba95dc724e2fb905976, suivi de l'élément fluide

3a40a4e7c73d4afbf61ba6910bd6f73f

[2] Le sous-élément est un élément de déclaration
8e99a69fbe029cd4e2b854e244eab143, d015d241ae6d34c34210679b5204fe85, 2e44d2d3284d23d932e1fd85f3d4cf3a, f3a85e1241a187c5ac462d886e9a968b, 1244aa79a84dea840d8e55c52dc97869, 8a7974376be5f6c00c121222b727adb9, 1d029f6197b5a3eb8a3fdf0a088ddf55, 46dd80ba616c57a652514755c74c4211, ffbe95d20f3893062224282accb13e8f, b7f90f73cad438258bf67e62f79b2113, 162cd570ab1483e383d78dcb7f452f7c, 5e4e803d53d659f332070b5d4aa430db, b96cac025db4031319c29e1eb68f19d6, 2cdea26b4c3988e37d674b56660962a7, 5a8028ccc7a7e27417bff9f05adf5932, a4b561c25d9afb9ac8dc4d70affff419, 88f336217b3880082bb52d49b5de60a5, f920514e6447cf1d171079d1371f007f, af4e6c3c591431c4583becd75d1c3582, 71af07a0e88a1ac1ff73f855702ac153,

7f9d788ef50b059a7f76f3d2e4ccc9d1, 6ecb87e5318a36c03c59e25d55f43372, 49c6123c49c6be380cb91db06cd3bfa9

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

bb9345e55eb71822850ff156dfde57c8

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

426be984ffbbb815d7d88e3543a85d91, 823db3943044a0a9a620ada8d4b1d965, dab9f699790ab0922e596ecb9f6677d5

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

3499910bf9dac5ae3c52d5ede7383485

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

273238ce9338fbb04bee6997e5552b95

[4] Aucun élément enfant

f32b48428a809b51f04d3228cdf461fa, 0c6dc11e160d3b678d68754cc175188a, 37fcc81822f151c26d66e5caf9953670, a1f02c36ba31691bcfe87b2722de723b, d8e2720730be5ddc9c2a3782839e8eb6, 0c68fef83818661b6da588c77ca3985e, e02da388656c3265154666b7c71a8ddc, 8a1ec530dcea374bf83ce3e2e36dddaa, 03fc64e1e502d5ba947b3a9af06d2d2a , 581cdb59a307ca5d1e365becba940e05, aa983b9eb8086376f1f6481364a02e5a

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

09471ad0eb7abf3904b81228b087d334, ff6d136ddc5fdfeffaf53ff6ee95f185

[4.2] Les éléments enfants peuvent ne pas être présents, peuvent être des éléments 73de882deff7a050a357292d0a1fca94 et 67bc4f89d416b0b8236eaa5f43dee742 d477f9ce7bf77f53fbcf36bec1b69b7a éléments

5c69336ffbc20d23018e48b396cdd57a

【4.3】L'élément enfant n'a pas besoin d'être présent, il peut être 5a07473c87748fb1bf73f23d45547ab8, 5b7a15bed8615d1b843806256bebea72, ou il peut être 27835793f4768f4164d1421d99e293bc, d477f9ce7bf77f53fbcf36bec1b69b7a

221f08282418e2996498697df914ce4e

　【4.4】L'élément enfant n'a pas besoin de l'être, il peut être 5a07473c87748fb1bf73f23d45547ab8, ou il peut s'agir de l'élément 3f1c4e4b6b16bbbd69b2ee476dc4f83a , d477f9ce7bf77f53fbcf36bec1b69b7a élément

5b7a15bed8615d1b843806256bebea72

　【4.5】L'élément enfant peut Aucun, il peut s'agir d'un élément 5a07473c87748fb1bf73f23d45547ab8

fc86e7b705049fc9d4fccc89a2e80ee3

[4.6] L'élément enfant peut être aucun, il peut s'agir d'un élément 9bf7cbf2c39baa37076a22499de2f6ed, il peut également s'agir d'un élément e02da388656c3265154666b7c71a8ddc

b97864c2e0ef2353a16c4d64c7734e92, 39000f942b2545a5315c57fa3276f220

[4.7 ] Il ne peut y avoir aucun élément enfant, ou il peut s'agir d'éléments 581cdb59a307ca5d1e365becba940e05, d477f9ce7bf77f53fbcf36bec1b69b7a

879b49175114808d868f5fe5e24c4e0b

4.8] Il peut n'y avoir aucun élément enfant, il peut s'agir de
92cee25da80fac49f6fb6eec5fd2c22a, ae20bdd317918ca68efdc799512a9b39, 06669983c3badb677f993a8c29d18845

【4.9】 Il ne peut y avoir aucun élément enfant, ils peut être a34de1251f0d9fe1e645927f19a896e8, b4d429308760b6c2d20d6300079ed38e, ou ils peuvent être des éléments 3f1c4e4b6b16bbbd69b2ee476dc4f83a, d477f9ce7bf77f53fbcf36bec1b69b7a

a34de1251f0d9fe1e645927f19a896e8

【5】L'enfant les éléments sont 63bd76834ec05ac1f4c0ebbeaafb0994, 879b49175114808d868f5fe5e24c4e0b, ae20bdd317918ca68efdc799512a9b39, 06669983c3badb677f993a8c29d18845, 92cee25da80fac49f6fb6eec5fd2c22a, ou ils peuvent être des éléments 3f1c4e4b6b16bbbd69b2ee476dc4f83a, d477f9ce7bf77f53fbcf36bec1b69b7a

🎜>5a07473c87748fb1bf73f23d45547ab8

Résumé

À propos des règles d'imbrication détaillées de chaque élément, la partie ci-dessus a été introduite dans détail. Cette partie résume principalement les règles d'imbrication des balises couramment utilisées

[Note] Déplacez la souris sur le texte avec un fond gris foncé, et le titre affichera les balises contenues dans l'élément

[ 1] Les éléments enfants de 4a249f0d628e2318394fd9b75b4636b1, c1a436a314ed609750bd7c7d319db4da, 684271ed9684bde649abda8831d4d355, 3f7b3decd2dcafb07b84d2d3985d9f40, 39318b6f72ed39310530dfd69d0078e1, 4e9ee319e0fa4abc21ff286eeb145ecc, e388a4556c0f65e1904146cc1a846bee 2] 1aa9e5d373740b65a0cc8f0a02150c53, c37f8231a37e88427e62669260f0074d ne peuvent pas être imbriqués1aa9e5d373740b65a0cc8f0a02150c53, c37f8231a37e88427e62669260f0074d[3] L'élément enfant de 3499910bf9dac5ae3c52d5ede7383485 sont exacts), mais n'inclut pas de contenu interactif
【4】ff9c23ada1bcecdd1a0fb5d5a0f18437 ne peut pas être imbriquéff9c23ada1bcecdd1a0fb5d5a0f18437

【5】bb9345e55eb71822850ff156dfde57c8 contenu (contenu interactif)

【6】458ebf298df09b15ffa7a37db9abc500 ne peut pas être imbriquéf5d188ed2c074f8b944552db028f98a1

【7】73de882deff7a050a357292d0a1fca94, b4d429308760b6c2d20d6300079ed38e ne peuvent pas imbriquer 1aa9e5d373740b65a0cc8f0a02150c53, c37f8231a37e88427e62669260f0074d, sectionnement du contenu, contenu du titre

[Recommandations associées]

1. Tutoriel vidéo en ligne h5 gratuit

2. Manuel de la version complète HTML5

3. Explication détaillée de la balise vidéo en HTML5.

4. HTML5 ne prend pas en charge les balises et l'explication détaillée des nouvelles balises

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!