Die HTML5-Tags figure und figcaption sind neu in HTML5.

Viele Medien können von Suchmaschinen oder behinderten Menschen nicht erfasst werden. Um diese Medien über einen Text zugänglich zu machen, kann man sie per <figure> Tag mit einer Beschreibung koppeln.

Es gab einige Verwirrung bei dem Element, das die Beschreibung enthält. Zunächst sollte das bekannte Element <legend> genommen werden, es gab aber auch mehrere andere Vorschläge. Jetzt hat sich aber das neue Tag <figcaption> durchgesetzt.

<figure>
  <img src="https://www.homepage-anleitung.de/wp-content/uploads/2012/06/html5serie-300x200.png " alt="HTML5-Marginalbild">
  <figcaption>Diese Grafik wird bei den HTML5-Artikeln<br/> zur schnellen 
  Erkennung als Marginalbild eingesetzt.</figcaption>
</figure>

Das sieht dann so aus:

 

HTML5-Marginalbild
Diese Grafik wird bei den HTML5-Artikeln
zur schnellen Erkennung als Marginalbild eingesetzt.