HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML: <figure> Tag

HTML: Das <figure>-Element stellt einen Abschnitt unabhängigen Inhalts dar, wird oft mit einer Erklärung (caption) <figcaption> kombiniert und dient als独立的引用单元。Wenn es zum Hauptinhaltstrom (main flow) gehört, ist seine Position unabhängig vom Hauptinhalt. Dieser Tag wird oft für Bilder, Illustrationen, Tabellen, Code-Segmente und dergleichen im Text verwendet. Wenn dieser Teil in ein Anhang oder auf eine andere Seite verschoben wird, beeinflusst er den Hauptinhalt nicht.

Online-Beispiel

Verwenden Sie das <figure>-Element, um ein Bild in einem Dokument zu kennzeichnen:

Beispiel

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>Grundlagen-Tutorial-Website(oldtoolbag.com)</title>　
</head>
<body>
<figure>
　　<img　src="views.png"　alt="views"　width="304"　height="228">
</figure>
</body>
</html>

Testen Sie es heraus ‹/›

Browserkompatibilität

IEFirefoxOperaChromeSafari

IE 9Firefox, Opera, Chrome und Safari unterstützen das <figure>-Element.

Note:IE 8 or earlier versions of IE browsers do not support the <figure> tag.

Definition and Usage of Tags

The <figure> tag specifies independent flow content (images, charts, photos, code, etc.).

The content of the <figure> element should be related to the main content, and the position of the element relative to the main content is independent. If it is deleted, it should not affect the document flow.

　Generally, <figure> is an image, illustration, chart, code snippet, etc., referenced in the main flow of the document, but it can be moved to another part of the document or appendix without affecting the main flow.

　The title can be associated with the <figure> element by inserting <figcaption> (as the first or last child element), and the first <figcaption> element found in the image is displayed as the title of the image.

HTML 4.01 with HTML5differences

<figure> Tag is an HTML 5 in the new tags.

Hints and Notes

Hint:<figcaption> The element is used to define a title for the <figure> element.

Global Attributes

Support for <figure> Tag Global Attributes of HTML.

Event Attributes

Support for <figure> Tag HTML Event Attributes.

HTML: <i> Tag HTML: <figcaption> Tag