Hvad bruges figcaption elementet til?

HTML-elementet figcaption er et HTML-element, der bruges til at give et billede eller en illustreret grafik en kort, men præcis beskrivelse. Det er et ekstra lag af information, der hjælper læserne med at forstå, hvad det er, de ser. Figcaption-elementet kan placeres over eller under selve billedet eller grafikken.

Figcaption-elementet bruges ofte sammen med et figurelement, som er et grupperelement, der bruges til at gruppere relaterede elementer, herunder billeder, diagrammer, kodeblokke og så videre. Dette gør det lettere at navigere mellem relaterede elementer.

Figcaption-elementet kan også bruges alene, selvom det ofte bruges sammen med et figurelement. Det er en god ide at bruge det, når du vil give læserne yderligere information om et billede eller en grafik. Uanset hvor du bruger det, skal du sørge for at holde det kort og præcist og undgå at bruge tekniske termer og jargon, så det er let for alle at forstå.

Eksempler på figcaption

Eksempel 1:
<figure>
<img src=”billede.jpg” alt=”Et billede” />
<figcaption>Billedet viser et landskab</figcaption>
</figure>

Denne kode viser et billede og skriver en tekst som en caption under billedet.

Eksempel 2:
<figure>
<video src=”video.mp4″ />
<figcaption>Videoen viser en gruppe på ferie</figcaption>
</figure>

Denne kode viser en video og skriver en tekst som en caption under videoen.

Eksempel 3:
<figure>
<audio src=”lydfil.mp3″ />
<figcaption>Lydfilen indeholder et interview</figcaption>
</figure>

Denne kode viser en lydfil og skriver en tekst som en caption under lydfilen.