Supporté par ChromeSupporté par FirefoxSupporté par EdgeSupporté par Safari/iOS <figure> : Démo HTML5

Mise à jour : 2017-01-22
Permet d'adjoindre à un texte une illustration annotée qui peut prendre la forme d'une ou plusieurs images, vidéos ou bien du texte.
Le principe d'une illustration est qu'elle n'est pas nécessairement attachée au texte qu'elle illustre, mais peut être déportée.
Cette nouvelle balise permet donc d'identifier les illustrations sémantiquement.

<figure>

Notes sur le tuto


Exemple de code HTML5

<figure>
	<img src="img/structure-html5.gif" alt="Structure HTML5">
	<figcaption>Structure d'un document HTML5</figcaption>
</figure>

Démonstration du résultat HTML5


Structure HTML5
Structure d'un document HTML5

Détection automatique du support HTML5

Librairie JavaScript de détection automatique (attention, comporte quelques faux positifs et faux négatifs)
<script src="_html5detect.js"></script>
<script>isTagSupported("figure")</script>		

Can I Use html5semantic? Data on support for the html5semantic feature across the major browsers from caniuse.com.