Drei Arten von HTML5-Tags: 1. Elemente auf Blockebene, deren Anzeigewert „Block“ ist, zeichnen sich dadurch aus, dass Breite, Höhe, Ränder und automatischer Zeilenumbruch festgelegt werden können; 2. Inline-Elemente, deren Anzeigewert ist „inline“, Es wird nicht automatisch umbrochen und die Breite und Höhe können nicht festgelegt werden. 3. Inline-Blockelemente werden nicht automatisch umbrochen und die Breite und Höhe können festgelegt werden.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Klassifizierung von HTML5-Tags
Tags werden auch Elemente genannt
Je nach Tag-Eigenschaften können sie unterteilt werden in: Block-Tags, Inline-Tags (Inline-Tags), Inline-Block-Tags
Entsprechend Tag-Schließregeln, können unterteilt werden in: Einzeletikett (leeres Etikett, selbstschließendes Etikett), Doppeletikett
Häufig verwendete Blockelemente:
...
i> Häufig verwendete Inline-Blockelemente: Blockfunktionen von Ebenenelementen:
display:<p><code class="marker">block;
1. Jedes Element auf Blockebene ist Aktualisiert vom Neuen Beginnt eine Zeile, und Elemente danach beginnen ebenfalls eine neue Zeile. display:<strong><code class="marker">block;
设置display:block2. Die Höhe, Breite, Zeilenhöhe des Elements sowie die Rand- und Abstandswerte oben, unten, links und rechts können eingestellt werden.
3. Wenn nicht festgelegt, beträgt die Breite eines Elements 100 % seines übergeordneten Containers (identisch mit der Breite des übergeordneten Elements), sofern keine Breite festgelegt ist.
🎜;🎜🎜🎜🎜1 und andere Elemente befinden sich in derselben Zeile 🎜🎜2 Höhe🎜, Breite🎜 sowie obere und untere Ränder🎜 können nicht eingestellt werden🎜🎜 ( unterstützt nur Rand und Auffüllung in der linken und rechten Richtung); 🎜🎜3. Die Breite eines Elements ist die Breite des darin enthaltenen Textes oder Bildes und kann nicht geändert werden. 🎜🎜🎜🎜Eigenschaften von Inline-Blockelementen: display:inline-block;🎜🎜🎜🎜1 und andere Elemente befinden sich in derselben Zeile; 🎜🎜2, 🎜Die Höhe, Breite, Zeilenhöhe sowie der obere und untere Rand des Elements können festgelegt werden. 🎜🎜 (Unterstützt Rand- und Füllwerte für oben, unten, links und rechts) 🎜🎜3. Rand: 0 automatisch ist ungültig 🎜🎜4 Horizontal anordnen, aber alle Elemente haben standardmäßig einen Abstand von 1 Leerzeichen Da es beim Schreiben in den HTML-Warenkorb-Zeilenvorschub eine Lücke zwischen den Elementen gibt, wird diese beim Browser-Parsing in ein Leerzeichen geparst. 🎜🎜🎜🎜 Tag-Typ-Konvertierung 🎜🎜🎜🎜Der Tag-Typ kann konvertiert werden: 🎜🎜🎜🎜Setzen Sie display:inline, um in Inline-Elemente zu konvertieren. 🎜🎜🎜🎜Setzen Sie display:linline - block In Inline-Blockelement konvertieren🎜🎜🎜🎜 display:block so einstellen, dass es in ein Element auf Blockebene konvertiert wird🎜🎜🎜🎜 (Freigabe von Lernvideos: 🎜HTML-Video-Tutorial🎜, 🎜Webseite -Ende🎜 )🎜
Das obige ist der detaillierte Inhalt vonWas sind die drei Kategorien von HTML5-Tags?. 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
