Beispiel
Verwenden Sie ein <figure> Element ein Foto in einem Dokument zu markieren:
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
Versuch es selber " Definition und Verwendung
Die <figure> -Tag gibt umluftunabhängigem Inhalt, wie Bilder, Grafiken, Fotos, Codelisten, usw.
Während der Inhalt des <figure> Element zur Hauptströmung verbunden ist, ist seine Position unabhängig von der Hauptströmung und entfernt , wenn es nicht um den Fluss des Dokuments auswirken sollte.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Element vollständig unterstützt.
| Element | |||||
|---|---|---|---|---|---|
| <figure> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Unterschiede zwischen HTML 4.01 und HTML5
Die <figure> Tag ist neu in HTML5.
Tipps und Hinweise
Tipp: Das <figcaption> Element wird verwendet , um eine Beschriftung für die hinzuzufügen <figure> Element.
globale Attribute
Die <figure> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Die <figure> Tag unterstützt auch die Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - DOM - Referenz: Abbildung Object
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <figure> mit den folgenden Standardwerte Element:
Beispiel
figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
} Versuch es selber "