HTML-tagg: <figure>

Användning av

<figure>-taggen används för att representera en självständig enhet i ett dokument. Den kan innehålla figurer, diagram, tabeller, kodblock eller andra element som kan stå ensamma.

Attribut för

id: Ett unikt ID för figuren.
class: Ett eller flera klassnamn som används för styling.
title: En kort beskrivning av figuren.

Exempel med

<figure>
  <img src="bild.jpg" alt="En bild av ett hus">
  <figcaption>Bildtexten för bilden.</figcaption>
</figure>

Förbättra tillgängligheten

Använd title-attributet för att ge en beskrivning av figuren för skärmläsare.
Använd figcaption-elementet för att ge en textuell beskrivning av figuren.

Ett enkelt HTML-exempel

<!DOCTYPE html>
<html>
<head>
  <title>Exempel på <figure>-taggen</title>
</head>
<body>
  <figure>
    <img src="bild.jpg" alt="En bild av ett hus">
    <figcaption>Detta är en bild av ett vackert hus.</figcaption>
  </figure>
</body>
</html>