Heim >
Artikel > Web-Frontend > Detaillierte Einführung in HTML-Blockelemente und Inline-Elemente
Detaillierte Einführung in HTML-Blockelemente und Inline-Elemente
高洛峰Original
2017-03-20 17:06:571881Durchsuche
Der Originaltext ist hier
Klassifizierung von Elementen auf Blockebene Elemente auf Blockebene werden in drei Typen unterteilt, je nachdem, ob sie auf Struktur oder Inhalt angewendet werden: strukturierte Blockelemente, Endblockelemente und Blockelemente mit mehreren Zielen. 1. Strukturierte Blockelemente Dieser Elementtyp wird zur Strukturierung des Dokuments verwendet. Eine gute Dokumentstruktur ist für Suchmaschinen und die Anwendung anderer Technologien (wie JavaScript) sehr vorteilhaft. Sie haben keine semantische Bedeutung. Sie definieren lediglich die Organisation des Dokuments und spiegeln nicht den Inhalt des Dokuments wider. Hauptstrukturierte Blockelemente *
*
;li> *
* *
*
. Klemmenblockelemente gehören zum Ende der Struktur. Sie können keine anderen Elemente auf Blockebene enthalten, sondern nur Elemente auf Text- oder Zeilenebene. Klemmenblockelement *
...
Multiobjektive Blockelemente haben strukturelle Konnotationen, wenn sie strukturiert verwendet werden, und semantische Konnotationen, wenn sie in terminaler Form verwendet werden. Blockelemente mit mehreren Zielen können entweder Blockelemente oder Inhalt enthalten (die Kombination aus Text und Elementen auf Zeilenebene ist Inhalt), jedoch nicht beides gleichzeitig. Inhalte sollten in Blockelementen platziert werden. Blockelemente sollten nicht als Geschwister von Elementen und Text auf Zeilenebene verwendet werden. Aufgrund der Einschränkungen des HTML-Validators gibt es derzeit keine Möglichkeit, diese Situation zu erkennen, sie sollte jedoch vermieden werden. Multi-Ziel-Blockelemente *