Heim  >  Artikel  >  Web-Frontend  >  Parsen von Tag-Verschachtelungsregeln in HTML5

Parsen von Tag-Verschachtelungsregeln in HTML5

零下一度
零下一度Original
2017-05-25 13:50:012839Durchsuche

Der unten stehende Editor liefert Ihnen eine detaillierte Erklärung der HTML5-Tag-Verschachtelungsregeln [unbedingt lesen]. Der Herausgeber findet es ziemlich gut, deshalb möchte ich es jetzt mit Ihnen teilen und als Referenz angeben

Vorherige Wörter
In HTML5 können die Unterelemente des 3499910bf9dac5ae3c52d5ede7383485-Elements verwendet werden Es handelt sich um Elemente auf Blockebene, was in der Vergangenheit nicht der Fall war. In diesem Artikel werden die Tag-Verschachtelungsregeln der HTML5-

-Klassifizierung
im Detail vorgestellt. Vor dem Aufkommen von HTML5 wurden Elemente häufig nach Block, Inline und Inline-Block unterschieden. In HTML5 werden Elemente nicht mehr nach AnzeigeAttributen unterschieden, sondern nach InhaltModell.

ist unterteilt in Metadateninhalte, Abschnittsinhalte, Überschrifteninhalte, Fließinhalte, Formulierungsinhalte und eingebettete Inhalte sowie interaktive (interaktive Inhalte). Elemente, die zu keiner Kategorie gehören, werden als durchdringend bezeichnet; Elemente, die zu mehr als einer Kategorie gehören können, werden als gemischt bezeichnet.

Metadateninhalt ist ein Element, das verwendet werden kann, um die Leistung oder das Verhalten anderer Inhalte zu beschreiben oder um eine Verbindung zwischen dem aktuellen Dokument und anderen Dokumenten herzustellen

base link meta noscript script style template title

Flow-Element (flow Inhalt) sind die meisten Elemente, die im Hauptteil von Anwendungen und Dokumenten verwendet werden

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

Abschnittselemente (Abschnittsinhalt) sind Elemente, die verwendet werden, um den Umfang von Kopf- und Fußzeilen zu definieren

Navigationsabschnitt neben dem Artikel
Überschrifteninhalt definiert den Titel eines Abschnitts/Abschnitts

h1 h2 h3 h4 h5 h6
Phrasierungsinhalt wird für Elemente verwendet, die Text auf Absatzebene markieren

einen Abkürzungsbereich ( wenn es ein untergeordnetes Element eines Kartenelements ist) Audio B BDI BDO BR Button Canvas Cite Code Data Datalist Del DFN Em Embed I iFrame IMG Input Ins KBD Keygen Label Map Mark Math Meter Noscript Objekt Output Fortschritt Q Ruby ​​S Samp Script Select Small span strong sub sup svg template textarea time u var video wbr text
 Eingebettete Elemente (eingebetteter Inhalt) sind Referenzen oder werden in andere Dokumente eingefügt Ressourcenelemente

Audio Canvas Embed Iframe IMG Math Object SVG-Video
Interaktive Elemente (interaktiver Inhalt) sind Elemente, die speziell für die Interaktion mit Benutzern verwendet werden

ein Audio (wenn die Steuerelemente festgelegt sind) Schaltfläche zum Einbetten eines iFrames img (wenn das Usemap-Attribut festgelegt ist) Eingabe (wenn die type-Attribut ist nicht ausgeblendet) Keygen-Label-Objekt (wenn das Usemap-Attribut festgelegt ist) Textarea-Video auswählen (wenn das Controls-Attribut festgelegt ist)

Untergeordnete Elemente
【1】Untergeordnete Elemente sind Flusselemente

23c3de37f2f9ebcb477c4a90aac6fffd, 2f8332c8dcfd5c7dec030a070bf652c3, b8a712a75cab9a5aded02f74998372b4, dfbd62319252d7a5958acb2687a2370b, 614eb9dc63b3fb809437a716aa228d24, 44a8922e6607b31d059827e4b04a93b9, 61b85035edf2b42260fdb5632dc5728a, b6c5a531a458a2e790c1fd6421739d1c
[1.1] Untergeordnete Elemente sind Flusselemente, ausgenommen 61b85035edf2b42260fdb5632dc5728a-Elemente

15221ee8cba27fc1d7a26c47a001eb9b, c787b9a589a3ece771e842a6176cf8e9
 【1.2 】Untergeordnete Elemente sind Flusselemente, enthalten jedoch nicht das Element f5d188ed2c074f8b944552db028f98a1 >

ff9c23ada1bcecdd1a0fb5d5a0f18437

[1.4] Untergeordnete Elemente sind Flusselemente, jedoch nicht die Elemente 1aa9e5d373740b65a0cc8f0a02150c53, c37f8231a37e88427e62669260f0074d, 61b85035edf2b42260fdb5632dc5728a

1aa9e5d373740b65a0cc8f0a02150c53, < ;footer>, 61b85035edf2b42260fdb5632dc5728a

[1.5] Untergeordnete Elemente sind Flusselemente, enthalten jedoch nicht 1aa9e5d373740b65a0cc8f0a02150c53, c37f8231a37e88427e62669260f0074d, Blockelemente (Abschnittsinhalt) und Überschriftenelemente (Überschrifteninhalt)

73de882deff7a050a357292d0a1fca94, b4d429308760b6c2d20d6300079ed38e

[1.6] Untergeordnete Elemente sind Flusselemente, enthalten jedoch keine 6fca80040515c71bb0b045963a59f7e2, a3118e67e254c6ee72ecc4804938e0ba, Abschnittsinhalte und Überschrifteninhalte

208700f394e4cf40a7aa505373e0130b

[1.7] Das untergeordnete Element ist ein 614eb9dc63b3fb809437a716aa228d24, gefolgt von dem fließenden Element

24203f2f45e6606542ba09fd2181843a

[1.8] Das untergeordnete Element ist ein e911751791aa3ba95dc724e2fb905976-Element, gefolgt vom fließenden Element

3a40a4e7c73d4afbf61ba6910bd6f73f


[2] Das Unterelement ist ein Anweisungselement

8e99a69fbe029cd4e2b854e244eab143, d015d241ae6d34c34210679b5204fe85, 2e44d2d3284d23d932e1fd85f3d4cf3a, f3a85e1241a187c5ac462d886e9a968b, 1244aa79a84dea840d8e55c52dc97869, 8a7974376be5f6c00c121222b727adb9, 1d029f6197b5a3eb8a3fdf0a088ddf55, 46dd80ba616c57a652514755c74c4211, ffbe95d20f3893062224282accb13e8f, b7f90f73cad438258bf67e62f79b2113, 162cd570ab1483e383d78dcb7f452f7c, 5e4e803d53d659f332070b5d4aa430db, b96cac025db4031319c29e1eb68f19d6, 2cdea26b4c3988e37d674b56660962a7, 5a8028ccc7a7e27417bff9f05adf5932, a4b561c25d9afb9ac8dc4d70affff419, 88f336217b3880082bb52d49b5de60a5, f920514e6447cf1d171079d1371f007f, af4e6c3c591431c4583becd75d1c3582, 71af07a0e88a1ac1ff73f855702ac153, 427924e0bc1c500e0479e017d951eadf, d5fd7aea971a85678ba271703566ebfd, be6d67dae90cc1ad6469079e163d0939, e911751791aa3ba95dc724e2fb905976, 2e1cf0710519d5598b1f0f14c36ba674

[2.1] Untergeordnete Elemente sind Anweisungselemente, enthalten jedoch keine Elemente, die mit sich selbst identisch sind

< ;dfn>, 6ecb87e5318a36c03c59e25d55f43372, 49c6123c49c6be380cb91db06cd3bfa9

[2.2] Untergeordnete Elemente sind Anweisungselemente, enthalten jedoch keine interaktiven Inhaltselemente (interaktiver Inhalt)

bb9345e55eb71822850ff156dfde57c8


【3】Das untergeordnete Element ist transparent (vorbehaltlich der untergeordneten Elemente, die sein übergeordnetes Element zulässt)

426be984ffbbb815d7d88e3543a85d91, 823db3943044a0a9a620ada8d4b1d965, dab9f699790ab0922e596ecb9f6677d5

 【3.1 】Das untergeordnete Element ist transparent (vorbehaltlich der von seinem übergeordneten Element zugelassenen untergeordneten Elemente), enthält jedoch keine interaktiven Elemente (interaktiven Inhalt)

3499910bf9dac5ae3c52d5ede7383485

[3.2] Untergeordnetes Element Elemente können nein haben, es kann ein 0c68fef83818661b6da588c77ca3985e-Element sein oder es kann transparent sein (vorbehaltlich der durch sein übergeordnetes Element zugelassenen untergeordneten Elemente)

273238ce9338fbb04bee6997e5552b95


[4] Keine untergeordneten Elemente

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


c34106e0b4e09414b63b2ea253ff83d6, ff6d136ddc5fdfeffaf53ff6ee95f185

[4.2] Untergeordnete Elemente können 73de882deff7a050a357292d0a1fca94 sein oder 3f1c4e4b6b16bbbd69b2ee476dc4f83a d477f9ce7bf77f53fbcf36bec1b69b7a-Elemente


5c69336ffbc20d23018e48b396cdd57a

【4.3】Das untergeordnete Element muss nicht vorhanden sein, es kann 5a07473c87748fb1bf73f23d45547ab8, 5b7a15bed8615d1b843806256bebea72 sein oder es kann 27835793f4768f4164d1421d99e293bc, d477f9ce7bf77f53fbcf36bec1b69b7a-Element


221f08282418e2996498697df914ce4e , d477f9ce7bf77f53fbcf36bec1b69b7a-Element

5b7a15bed8615d1b843806256bebea72
 【4.5】Das untergeordnete Element kann Keines sein, es kann ein 5a07473c87748fb1bf73f23d45547ab8-Element sein

fc86e7b705049fc9d4fccc89a2e80ee3
[4.6] Das untergeordnete Element kann keins sein, es kann ein 9bf7cbf2c39baa37076a22499de2f6ed-Element sein, es kann auch ein e02da388656c3265154666b7c71a8ddc sein

b97864c2e0ef2353a16c4d64c7734e92, 39000f942b2545a5315c57fa3276f220
] Es können keine untergeordneten Elemente vorhanden sein, oder es können 581cdb59a307ca5d1e365becba940e05-, d477f9ce7bf77f53fbcf36bec1b69b7a-Elemente sein.

879b49175114808d868f5fe5e24c4e0b
4.8] Es dürfen keine untergeordneten Elemente vorhanden sein, es können a34de1251f0d9fe1e645927f19a896e8-Elemente sein ;, oder es können 3f1c4e4b6b16bbbd69b2ee476dc4f83a, d477f9ce7bf77f53fbcf36bec1b69b7a-Elemente sein

92cee25da80fac49f6fb6eec5fd2c22a, ae20bdd317918ca68efdc799512a9b39, 06669983c3badb677f993a8c29d18845
【4.9】 Es dürfen keine untergeordneten Elemente vorhanden sein können a34de1251f0d9fe1e645927f19a896e8, b4d429308760b6c2d20d6300079ed38e sein, oder sie können 3f1c4e4b6b16bbbd69b2ee476dc4f83a, d477f9ce7bf77f53fbcf36bec1b69b7a-Elemente sein

a34de1251f0d9fe1e645927f19a896e8

【5】Das Kind Elemente sind 63bd76834ec05ac1f4c0ebbeaafb0994, 879b49175114808d868f5fe5e24c4e0b, ae20bdd317918ca68efdc799512a9b39, 06669983c3badb677f993a8c29d18845, 92cee25da80fac49f6fb6eec5fd2c22a, oder sie können 3f1c4e4b6b16bbbd69b2ee476dc4f83a, d477f9ce7bf77f53fbcf36bec1b69b7a-Elemente

sein 🎜>

5a07473c87748fb1bf73f23d45547ab8


Zusammenfassung


Über die detaillierten Verschachtelungsregeln jedes Elements wurde der obige Teil eingeführt Detail. In diesem Teil werden hauptsächlich die Verschachtelungsregeln häufig verwendeter Tags zusammengefasst

[Hinweis] Bewegen Sie die Maus über den Text mit dunkelgrauem Hintergrund. Im Titel werden die im Element enthaltenen Tags angezeigt

[ 1] Die untergeordneten Elemente von 4a249f0d628e2318394fd9b75b4636b1, c1a436a314ed609750bd7c7d319db4da, 684271ed9684bde649abda8831d4d355, 3f7b3decd2dcafb07b84d2d3985d9f40, 39318b6f72ed39310530dfd69d0078e1, 4e9ee319e0fa4abc21ff286eeb145ecc, e388a4556c0f65e1904146cc1a846bee sind Anweisungselemente

[ 2] 1aa9e5d373740b65a0cc8f0a02150c53, c37f8231a37e88427e62669260f0074d kann nicht verschachtelt werden1aa9e5d373740b65a0cc8f0a02150c53, c37f8231a37e88427e62669260f0074d
【3】Das untergeordnete Element von 3499910bf9dac5ae3c52d5ede7383485 ist transparent (die von seinem übergeordneten Element zugelassenen untergeordneten Elemente). sind korrekt), enthalten jedoch keine interaktiven Elemente (interaktiver Inhalt)
【4】ff9c23ada1bcecdd1a0fb5d5a0f18437 kann nicht verschachtelt werdenff9c23ada1bcecdd1a0fb5d5a0f18437

【5】bb9345e55eb71822850ff156dfde57c8 Typelemente, interaktiver Inhalt (interaktiver Inhalt)

【6】63bd76834ec05ac1f4c0ebbeaafb0994 kann nicht verschachtelt werdenf5d188ed2c074f8b944552db028f98a1

【7】73de882deff7a050a357292d0a1fca94, b4d429308760b6c2d20d6300079ed38e kann 6fca80040515c71bb0b045963a59f7e2, a3118e67e254c6ee72ecc4804938e0ba, Abschnittsinhalt, Überschrifteninhalt nicht verschachteln

[Verwandte Empfehlungen]

1. Kostenloses h5-Online-Video-Tutorial

2. HTML5-Vollversionshandbuch

Detaillierte Erklärung des Video-Tags in HTML5

4.

HTML5 unterstützt keine Tags und detaillierte Erläuterungen zu neuen Tags

Das obige ist der detaillierte Inhalt vonParsen von Tag-Verschachtelungsregeln in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn