Figcaption: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
(Skapade sidan med 'Används för att sätta en titel eller en bildtext till en illustration som finns i ett <code>figure</code>-element. Detta element måste användas inuti ett <code>[[figu...')
 
 
(2 mellanliggande sidversioner av samma användare visas inte)
Rad 3: Rad 3:
Enbart de [[globala attribut|globala attributen]] är tillgängliga för denna tagg.
Enbart de [[globala attribut|globala attributen]] är tillgängliga för denna tagg.
== Exempel ==
== Exempel ==
<codepen pen="LVmZMq" tab="html,result" height="400">
<syntaxhighlight lang="html5">
<syntaxhighlight lang="html5">
<figure>
<figure>
   <img src="http://example.com/exampåle.png" alt="Ett exempel">
   <img src="https://exempel.webbling.se/demo.png" alt="Ett exempel">
   <figcaption>En bildtext för vår expempelbild</figcaption>
   <figcaption>En bildtext för vår expempelbild</figcaption>
</figure>
</figure>
</syntaxhighlight>
</syntaxhighlight>
Ovanstående exempel sätter en bildtext en illustration.
</codepen>
Ovanstående exempel anger en bildtext för en illustration.
 
== Referenser ==
== Referenser ==
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===

Nuvarande version från 30 januari 2019 kl. 15.25

Används för att sätta en titel eller en bildtext till en illustration som finns i ett figure-element. Detta element måste användas inuti ett figure-element.

Tillgänliga attribut

Enbart de globala attributen är tillgängliga för denna tagg.

Exempel

See the Pen LVmZMq by Patrik Grip-Jansson (@PGJ) on CodePen.

Ovanstående exempel anger en bildtext för en illustration.

Referenser

Taggens definition i WHATWGs levande HTML-standard

http://www.whatwg.org/specs/web-apps/current-work/multipage/grouping-content.html#the-figcaption-element

Taggens definition i HTML5-standarden

http://www.w3.org/TR/html5/grouping-content.html#the-figcaption-element