Häufig verwendete Gruppierungselemente in HTML5: 1. p-Element für die Absatzgruppierung; 3. blockquote-Element 5. ul-, ol- und li-Elemente; ;7. dl-, dt-, dd-Elemente; 8. Figure- und figcaption-Elemente.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
1, Erstellen von Absätzen
2,Da div selbst keine Bedeutung hat, wird div im Zusammenhang mit der starken Nachfrage von HTML5 nach Semantik als letzte Lösung verwendet.
3. definiert ein Listenelement in der Liste:Wert: Dieses ganzzahlige Attribut gibt an die geordnete Liste (definiert durch das -Element). Der Wert dieses Attributs kann nur numerisch sein, auch wenn die Liste römische Ziffern oder Buchstaben verwendet. Nachfolgende Listeneinträge werden ab dem eingestellten Wert gezählt. Das Wertattribut ist für ungeordnete Listen () oder Menüs () nicht gültig.
Typ:Gibt den Typ der Nummer an.
'a' steht für eine Zahl in Kleinbuchstaben;
'i' steht für eine Zahl in Kleinbuchstaben;
'I' steht für eine Zahl in Großbuchstaben;
' 1' steht für eine Zahl (Standard).
<ol type="I"> <li value="3">third item</li> <li>fourth item</li> <li>fifth item</li> </ol>
III.third item IV.fourth item V.fifth item
<ul> <li>first item</li> <li>second item</li> <li>third item</li> </ul>
- first item - second item - third item
<ol> <li>first item</li> <li>second item</li> <li>third item</li>< /ol>
5, Abbildung, Abbildung: Abbildung stellt einen unabhängigen Inhalt dar, der das zitierte Bild zeigt , Illustrationen, Tabellen, Codeausschnitte und mehr.
figcaption stellt die Beschreibung der Legende dar
- first item - second item - third item
6. main
Jede Seite kann nur ein Hauptelement haben, das das Thema dieser Seite darstellt.<dl> <dt>Name</dt> <dd>Godzilla</dd> <dt>Born</dt> <dd>1952</dd> <dt>Birthplace</dt> <dd>Japan</dd> <dt>Color</dt> <dd>Green</dd> </dl>
Das obige ist der detaillierte Inhalt vonWas sind die häufig verwendeten Gruppierungselemente in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!