<figure> : Démo HTML5
Mise à jour : 2017-01-22
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>
- <figcaption> : la légende de l'illustration
Notes sur le tuto
- <figcaption> est affiché par défaut avec le style "display:block". Donc si la légende est sous l'image, alors cette balise est supportée.
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
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>