So lösen Sie das Problem der Tag-Verschachtelung in HTML

不言
Freigeben: 2018-08-08 14:45:16
Original
2755 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit der Lösung des Problems der Tag-Verschachtelung in HTML. Ich hoffe, dass er für Freunde hilfreich ist. Genauigkeitsstufe: xxxxx“

Nicht-Einzelgenauigkeitsanzeige: „Genauigkeitsstufe: xxxxx ~ xxxxx“Falsche Implementierung

Das Folgende ist eine Demonstration von Der Fehler dient nur zur Veranschaulichung. Verwendung:

<p>
    </p><p>
        准确度等级:{{ parameter.accuracy.minAccuracyValue + parameter.accuracy.minAccuracyUnit.name }}
    </p>
    <p>
        准确度等级:{{ parameter.accuracy.minAccuracyValue + parameter.accuracy.minAccuracyUnit.name + ' ~ ' + parameter.accuracy.maxAccuracyValue + parameter.accuracy.maxAccuracyUnit.name }}
    </p>
Nach dem Login kopieren

Wenn man sich den Code ansieht, scheint es kein Problem zu geben, aber wenn er gerendert wird, sieht er so aus und es sind keine Daten vorhanden. So lösen Sie das Problem der Tag-Verschachtelung in HTML

Ursachenanalyse

Öffnen Sie die Konsole, schauen Sie sich unsere

Struktur an und finden Sie unsere ursprüngliche Verschachtelung

Die -Tag wird als 3 separate

-Tags gerendert.

So lösen Sie das Problem der Tag-Verschachtelung in HTML

Wenn wir uns also die Struktur ansehen, liegt unser Genauigkeitsgrad nicht im

-Tag, das durch

geändert wurde, sodass die Daten nicht abgerufen werden können und es wird ein Fehler angezeigt.

DOMWiedergabevermutungppBei den folgenden Angaben handelt es sich ausschließlich um persönliche Vermutungen. Sollten Fehler vorliegen, kritisieren und korrigieren Sie diese bitte.

Wenn wir ein verschachteltes -Tag schreiben, kann das So lösen Sie das Problem der Tag-Verschachtelung in HTML-Tag keine Elemente auf Blockebene verschachteln.

ng-repeatp

Wenn der Browser also in die zweite Zeile rendert und ein Element auf Blockebene findet, geht er davon aus, dass es sich um das Tag

des ersten handelt Die Zeile wurde fertiggestellt, daher geht der Browser davon aus, dass der Entwickler ein

-Endtag verpasst hat.

pp

Ebenso wird der Browser am Ende denken, dass der Entwickler ein So lösen Sie das Problem der Tag-Verschachtelung in HTML Start-Tag weniger geschrieben hat.

pp

Die endgültige Struktur wird also die -Struktur sein, wie oben gezeigt. So lösen Sie das Problem der Tag-Verschachtelung in HTMLZusammenfassung

Die Quintessenz ist, dass Elemente auf Blockebene nicht in p-Tags verschachtelt werden können.

Inline-Elemente können keine Elemente auf Blockebene verschachteln, und -Tags können keine Elemente auf Blockebene verschachteln. Wir haben vielleicht mehr oder weniger davon gehört, aber wir betrachten es einfach als Norm. So lösen Sie das Problem der Tag-Verschachtelung in HTML Empfohlene verwandte Artikel:

DOMDas Standardverhalten des übergeordneten Elements -Tag und die Interaktion zwischen Klickereignissen

Link Was ist der Unterschied zwischen Tagged-Link-CSS und @import-Laden? p

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem der Tag-Verschachtelung in HTML. 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