Artikeleinführung von Wulin.com (www.vevb.com): Ich wollte ursprünglich Figur und Figcaption in zwei Artikeln erklären, aber diese beiden Beschriftungen definieren Bilder und Texte, sodass wir sie zusammen erklären, was für alle einfacher zu akzeptieren ist.
Ich wollte ursprünglich in zwei Artikeln Figuren und Figuren erklären, aber diese beiden Beschriftungen definieren Bilder und Texte, sodass wir sie zusammen erklären, was für alle einfacher zu akzeptieren ist.Beim Schreiben von XHTML und HTML verwenden Personen häufig eine Bildliste, ein Bild + Titel oder ein Bild + Titel + einfache Beschreibung. Vorheriges konventionelles Schreiben:
<li>
<img src = /> <p> Titel < /p>
</li>
In HTML5 kann ein neues Tag die Bildliste semantischer definieren, dh das Abbildung Tag.
Die von W3C angegebene Definition: Das Abbildung Tag gibt unabhängige Streaming -Inhalte (Bilder, Diagramme, Fotos, Codes usw.) an. Der Inhalt des Figurenelements sollte mit dem Hauptinhalt zusammenhängen. Wenn es jedoch gelöscht wird, sollte er jedoch den Dokumentenfluss nicht beeinflussen.
Beispielcode:
<Abus>
<p> Lupu -Brücke am Huangpu River </p> </p>
<img src = shanghai_lupu_bridge.jpg width = 350 Höhe = 234 />
</figur>
Die Abbildung wird verwendet, um das ursprüngliche Li -Tag zu ersetzen, und wer wird das P -Tag ersetzen? Die Antwort lautet: Figcaption
Die von W3C zugewiesene Definition: Figcaption -Tag definiert den Titel (Bildunterschrift) des Figurenelements. Das Figcaption -Element sollte an der Position des ersten oder letzten untergeordneten Elements des Figurenelements platziert werden.
Dann wird der obige Code:
<Abus>
<FigCaption> Lupu -Brücke am Huangpu -Fluss </Figcaption>
<img src = shanghai_lupu_bridge.jpg width = 350 Höhe = 234 />
</figur>
Dies ist ein sehr leicht verständliches Etikett und seine Verwendung ist sehr klar. Auch wenn es einfach ist, schlage ich vor, dass Sie es selbst aufschreiben.