Was sind Blockebenenelemente in HTML?

In HTML beziehen sich Elemente auf Blockebene auf Elemente, deren Anzeigeattribut Block ist. Normalerweise werden Elemente auf Blockebene in vielen Browsern in einer Zeile angezeigt und schließen andere Elemente und andere Elemente in derselben Zeile aus. In Browsern erscheint das Blockelement in Form eines Rechtecks ​​und enthält andere Elemente.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Das Blockelement wird auch als Blockelement (Blockelement) bezeichnet, und sein Gegenstück ist das Inline-Element (Inline-Element). Dies sind Konzepte in der HTML-Spezifikation. Die meisten HTML-Elemente werden als Elemente auf Blockebene oder als Inline-Elemente definiert. Elemente auf Blockebene beginnen (und enden) normalerweise mit einer neuen Zeile, wenn sie vom Browser angezeigt werden.

Elemente auf Blockebene belegen standardmäßig jeweils eine ganze Zeile und nachfolgende Inhalte müssen ebenfalls in einer neuen Zeile angezeigt werden:

,

,

Jedes Element auf Blockebene belegt standardmäßig eine Zeile mit der Höhe. Sobald ein Element auf Blockebene zu einer Zeile hinzugefügt wird, können keine anderen Elemente hinzugefügt werden (außer nach Float). Wenn zwei Elemente auf Blockebene kontinuierlich bearbeitet werden, werden sie automatisch umbrochen und auf der Seite angezeigt. Elemente auf Blockebene können im Allgemeinen Elemente auf Blockebene oder Inline-Elemente verschachteln. Elemente auf Blockebene erscheinen im Allgemeinen als Container zum Organisieren von Strukturen, dies ist jedoch nicht immer der Fall. Einige Elemente auf Blockebene, wie z. B.

, können nur Elemente auf Blockebene enthalten. Andere Elemente auf Blockebene können Elemente auf Zeilenebene enthalten, z. B.

; andere können sowohl Elemente auf Blockebene als auch auf Zeilenebene enthalten.

DIV ist das am häufigsten verwendete Element auf Blockebene, und der Elementstil display:block umfasst alle Elemente auf Blockebene. Sie werden immer in Form eines Blocks ausgedrückt und sind vertikal nacheinander mit den Geschwisterblöcken derselben Ebene angeordnet, wobei sie die linke und rechte Seite ausfüllen.

Eigenschaften von Blockelementen

①, beginnen Sie immer in einer neuen Zeile;

②, Höhe, Zeilenhöhe, Ränder und Abstand können alle gesteuert werden;

③, die Breite beträgt standardmäßig 100 % des Containers Es wird eine Breite angegeben.
④, es kann Inline-Elemente und andere Blockelemente aufnehmen
[Empfohlenes Tutorial: „

HTML-Video-Tutorial

“]

Das obige ist der detaillierte Inhalt vonWas sind Blockebenenelemente in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!