Detaillierte Einführung in das Verschachtelungsproblem einiger Tags in HTML (Bild)

黄舟
Freigeben: 2017-06-04 11:59:18
Original
2327 Leute haben es durchsucht

Als ich die HTML-Struktur schrieb, habe ich nicht einmal an die Verschachtelung von Tags gedacht, bis ich dieses Problem entdeckte. Ich dachte törichterweise, dass Tags miteinander abgeglichen werden könnten!

Tatsächlich können einige Tags nicht nach Belieben verschachtelt werden. Wenn Sie nicht tief davon betroffen sind, werden Sie ihre Existenz nicht entdecken, geschweige denn, welche Art von Wahnsinn Sie empfinden können.

Um welche beiden Tags handelt es sich also? Bitte sehen Sie, es ist das a-Tag und das p-Tag. Auf den ersten Blick sehen sie beide so aus, als hätten sie eine Tracht Prügel verdient. Rechts?

(1) Ein Tag kann kein Tag verschachteln (Link-Verschachtelung)

<a href="###">父元素<a href="###">子元素</a></a> ; //嵌套父子级
Nach dem Login kopieren

Der Browser löst es als Geschwisterbeziehung auf:

<a href="###">父元素</a>;
<a href="###">子元素</a>;
Nach dem Login kopieren

Insbesondere: Solange ein a-Tag in irgendeiner Form innerhalb des a-Tags verschachtelt ist, wird es vom Browser als Geschwisterbeziehung analysiert;

[Tag direkt verschachteln]

[p indirekt ein Tag verschachtelt]

(2) Das p-Tag kann keine Tags auf Blockebene verschachteln

<p>父元素<p>子元素</p></p> ; //嵌套父子级
Nach dem Login kopieren

Der Browser analysiert es als Geschwister:

<p>父元素</p>;
<p>子元素</p>;
Nach dem Login kopieren

Sondergrund: Solange das p-Tag verschachtelte Tags auf Blockebene enthält, wird es als Geschwisterbeziehung geparst, auch wenn das Attribut Anzeige gesetzt ist ;

[P-Elemente direkt verschachteln]

Hinweis: Indirekt verschachteln Sie Elemente auf Blockebene und legen Sie das Anzeigeattribut fest. In diesem Fall kann jeder den Codetest bestehen. Nach meinem Test kann er nicht verschachtelt werden.

(3) Wenn Sie Links verschachteln müssen, wird empfohlen, das Bereichs-Tag zu verwenden

Wenn Sie beim Verschachteln von Links darauf achten, viele Leute Die a-Tags, in denen sich die beiden Links befinden, werden separat geschrieben und nicht direkt verschachtelt; oder sie werden durch js-Code erreicht

Jetzt können Sie den -Bereich verwenden Tag Links direkt verschachteln;

<area shape="" coords="" href="" alt="" target="_blank"> ;
Nach dem Login kopieren

Insbesondere wird das Area-Tag im Wesentlichen zum Erstellen regionaler Hotspots verwendet und muss in Verbindung mit dem map-Tag

verwendet werden
<img usemap="#test" src="">
<map id="test" name="test">
    <area shape="" coords="" href="#rect" alt="">
</map>
Nach dem Login kopieren


Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in das Verschachtelungsproblem einiger Tags in HTML (Bild). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage