Vergleich der Unterschiede zwischen den HTML5-Tags Figure und figcaption

Definition und Verwendung

Tag definiert den Titel (Beschriftung) des Abbildungselements.

Das „figcaption“-Element sollte als erstes oder letztes untergeordnetes Element des „figure“-Elements platziert werden.

Browser-Unterstützung

Alle gängigen Browser unterstützen das

Unterschiede zwischen HTML 4.01 und HTML 5 Das

-Tag ist ein neues Tag in HTML 5.

figure und figcaption, diese beiden Tags werden zum Definieren von Bildern und Texten verwendet.

wird häufig als Bild Liste, Bild + Titel verwendet oder Bild + Titel + kurze Beschreibung. Bisherige konventionelle Schreibweise:

　

title

Und in html5 gibt es ein neues Tag, das diese Bilderliste semantisch definieren kann, nämlich das Figure-Tag. Das Tag

figure gibt unabhängige Flussinhalte (Bilder, Diagramme, Fotos, Code) an. Der Inhalt des Abbildungselements sollte mit dem Hauptinhalt in Zusammenhang stehen, aber wenn es entfernt wird, sollte es keine Auswirkungen auf den Dokumentenfluss haben. Das Tag

figcaption definiert den Titel des Abbildungselements. Das „figcaption“-Element sollte als erstes oder letztes untergeordnetes Element des „figure“-Elements platziert werden.

Dann wird der obige Code zu:

<figure>
<figcaption>title</figcaption>
<img src="test.jpg"  />
</figure>

Das obige ist der detaillierte Inhalt vonVergleich der Unterschiede zwischen den HTML5-Tags Figure und figcaption. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!