La balise HTML <figure> est utilisée pour marquer une photo du document sur une page Web.
Comme nous le savons, la balise image est déjà disponible en HTML pour afficher les images sur des pages Web. Mais la balise HTML 5 <figure> est utilisée pour gérer le groupe de diagrammes, photos, liste de codes, etc. avec du contenu incorporé. Vous pouvez également ajouter une légende pour la photo à l’aide de la balise <figcaption>.
La balise figure est une nouvelle balise introduite en HTML5.
Exemple de balise figure
<p>Un arbre est une plante ligneuse terrestre comportant un tronc sur lequel s'insèrent des branches ramifiées portant le feuillage dont l'ensemble forme le houppier, appelé aussi couronne. Les arbres sont des plantes pérennes qui vivent plusieurs années, de plusieurs décennies à plusieurs siècles, et dans de rares cas plusieurs millénaires.</p> <figure> <img src="http://w3tutoriels.com/wp-content/uploads/2019/07/Sans-titre.jpg" alt="Arbres"/> </figure>
Résultat:
Un arbre est une plante ligneuse terrestre comportant un tronc sur lequel s’insèrent des branches ramifiées portant le feuillage dont l’ensemble forme le houppier, appelé aussi couronne.
Les arbres sont des plantes pérennes qui vivent plusieurs années, de plusieurs décennies à plusieurs siècles, et dans de rares cas plusieurs millénaires.
Remarque: le contenu que vous avez mis dans la balise <figure> ……. </figure> est lié au flux principal, mais sa position est indépendante du flux principal et n’affecte pas le flux du document lorsqu’il est supprimé.