title

Es gibt jedoch neue Tags in HTML5, die diese Bildliste semantischer definieren können. Das ist das Figure-Tag."/>

title

Es gibt jedoch neue Tags in HTML5, die diese Bildliste semantischer definieren können. Das ist das Figure-Tag.">

Heim  >  Artikel  >  Web-Frontend  >  Vergleich der Unterschiede zwischen den HTML5-Tags Figure und figcaption

Vergleich der Unterschiede zwischen den HTML5-Tags Figure und figcaption

巴扎黑
巴扎黑Original
2017-06-27 09:38:163325Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn