Hvad bruges caption elementet til?

HTML-elementet caption bruges til at give et overskrift til et tabel eller et billede. Caption-elementet kan bruges til at give yderligere information om tabel eller billede, såsom en kort forklaring eller kreditering. Caption-elementet skal bruges inde i et HTML-tabel-element, der er indeholdt i en table-element. Caption-elementet er placeret lige under tabel-elementet og er normalt synligt øverst på tabellen. Det kan også være placeret direkte nedenfor et billede. Caption-elementet kan indeholde tekst, et billede eller andet indhold, der er relevant for tabellen eller billedet. Caption-elementet kan også indeholde et attribut, der kaldes ‘summary’, som angiver en kort sammenfatning af tabellen eller billedet. Når et websted er tilgængeligt for personer med handicap, er det vigtigt, at caption-elementet er korrekt implementeret for at give let tilgængelig information til alle.

Eksempler på caption

1.Eksempel:

<table>
<caption>Popular Cities</caption>
<tr>
<th>City</th>
<th>Country</th>
</tr>
<tr>
<td>London</td>
<td>UK</td>
</tr>
</table>

Denne kode bruger caption til at give tabellen et navn, som er “Popular Cities”.

2.Eksempel:

<figure>
<img src=”image.jpg”>
<caption>A picture of a beach</caption>
</figure>

Denne kode bruger caption til at give billedet en beskrivelse, som er “A picture of a beach”.

3.Eksempel:

<video width=”320″ height=”240″ controls>
<source src=”video.mp4″ type=”video/mp4″>
<caption>Video of a skydiving jump</caption>
</video>

Denne kode bruger caption til at give videoen en beskrivelse, som er “Video of a skydiving jump”.