Vergleich der Unterschiede zwischen den HTML5-Tags Figure und figcaption

Definition und Verwendung

614eb9dc63b3fb809437a716aa228d24 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 614eb9dc63b3fb809437a716aa228d24

Unterschiede zwischen HTML 4.01 und HTML 5 Das

614eb9dc63b3fb809437a716aa228d24-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:

25edfb22a4f469ecb59f1190150159c6
　b3cf2d4f8cb466f8e3a23c9e535ca79ae388a4556c0f65e1904146cc1a846beetitleee2bfd64228f824cf6027e0da2815b78
bed06894275b65c1ab86501b08a632eb

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!