it-swarm.com.de

Was ist der richtige Weg, um einem Bild mit html5 eine Beschriftung hinzuzufügen?

Ich versuche, den richtigen Weg zu finden, um eine Bildunterschrift mit einem Bild anzuzeigen. Etwas wie hier macht Sinn jfiddle link aber ich schaue mir auch figur und figcaption an, die den Zweck zu erfüllen scheinen, und ich bevorzuge

<figure>
<img src="/animage.jpg" alt="an image">
<figcaption>This is the caption</figcaption>
</figure>

Ich baue eine Vorlage für einen Blog-News-Post, also ist entweder die Art wichtig oder gibt es eine korrekte Verwendung für die Figur, die ich vermisse?

21
Bradz

Ich würde die <figure>-Methode verwenden, da sie eine semantischere Bedeutung hat als das div/span-Beispiel.

http://jsfiddle.net/duncan/KYTWS/

verwandt, obwohl über Blockquotes, http://alistapart.com/blog/post/more-thoughts-about-blockquotes-than-are-strictly-required

17
Duncan Beattie

Ich würde auch vorschlagen, dass Sie element verwenden, um passende Beschriftung für Image anzuzeigen. Klicken Sie auf hier , um die Demo anzuzeigen.

Weitere Optionen zum Hinzufügen von Untertiteln zum Bild finden Sie unter http://jkorpela.fi/www/captions.html

0
Sagar Shinde