5568 sujets

Sémantique web et HTML

Bonjour,

je vois sur un site que chaque image <img> est entouré de balises <figure>.
Je trouve ça bizarre de mettre des balises figure à chaque balise img avec ou sans figcaption, mais je ne trouve rien sur Internet pour expliquer mon ressenti, que j'ai bon ou tort.

Pour vous, est-ce une bonne idée d'employer figure à chaque image ?

Merci
J'ai déjà lu ce tuto.

Ce que je cherche à savoir, c'est , est-ce bien de mettre des balise figure dès qu'il y a une image ?

merci
Voici ce que j'ai retenu comme "ma bonne pratique":
1) si une image est "en ligne", par exemple une icône qui n'est pas en tête de la zone de travail, je fais une balise <img.../> dans le texte, et je la style de façon à ce que sa hauteur soit proportionnelle à la taille des caractères en cours. Cela facilite l'adaptation aux différentes tailles d'écran (dit "responsiveness")
2) si une image est liée au contenant, elle est mise en background-image, background-repeat: no-repeat; et toutes les propriétés qui s'appliquent pour qu'elle ait la bonne position et la bonne taille.
3) si une image est un objet en soi, par exemple une illustration du texte, je la mets dans une balise <figure>, ce qui permet de lui adjoindre un texte si nécessaire, un encadrement qui englobe le texte, et de styler son comportement en tant que "bloc" (que ce soit "block", "inline-block", 'table" ou "inline-table")
Je le fais systématiquement, car au moment où on écrit un document, on peut ne pas avoir envie de mettre un texte avec l'image, et se rendre compte plus tard qu'il serait bien d'en ajouter un. S'il faut alors ajouter une balise <figure> au dernier moment, c'est un travail relativement important.
Modifié par PapyJP (20 Jul 2016 - 17:39)
Comme souvent, j'ai envie de répondre ça dépend.
La méthode de PapyJP pour déterminer comment intégrer une image selon sa nature me paraît plutôt bonne.
Moi aussi j'utilise la balise figure, avec ou dans figcaption au côté de l'image. Et mon style s'appuie sur cet élément parent.