[résolu] Balises pour légender un graphique ou un dessin

Quelles balises utiliseriez vous pour légender un graphique ou un dessin ?

Une liste non ordonnée <ul>, une liste de définition <dl> ou autre chose ?
Modifié par EricLB (10 Feb 2006 - 16:15)

Je viens justement de tomber là-dessus : CSS for Bar graphs. Ça donne quelques pistes je pense.

Pour moi, il n'y a pas de réponse simple : ça dépend.

Si tu présentes un album photo, les dl pourraient être pas mal

Je trouve les <dl> plutôt adaptées.

<dl>
<dt><img src=".." alt=".." /></dt>
<dd>bla bla</dd>
</dl>

ou encore minimaliste :

<img ...>
<p>...</p>

Ou sans états d'âmes :

<div>
   <img ...>
   <span>...</span>
</div>

Tout dépend des besoins...
Modifié par Laurent Denis (26 Dec 2005 - 21:02)

Ok, le sujet reste ouvert, quoi ?
C'est vrai qu'en XML on ne se poserait pas la question :

<legend>...</legend> ou <legende> ... </legende> ou encore <légende> ... </légende>

QuentinC a écrit :
Bof, la solution div n'apporte rien de plus que les simples paragraphes... à par peut-être la facilité à styler.

N'est ce pas ce que serait du coup le mieux pour Bien séparer le code HTML de la Présentation??

Bonjour,

Il n'existe aucun balisage en HTML disant "ceci est une image et la légende qui lui est associé".

(Pour ce que pourrait être ce type d'association, voir l'exemple des labels de contrôles de formulaire)

Partant de là, sur quels critères choisir le balisage ?
- ne pas faire un détournement d'un élément ayant un sens spécifique (on va éviter justement <label for="mon_image">...<img id="mon_image"...>)
- pouvoir manipuler (CSS, javascript, etc) l'association image+légende selon ses besoins. Par exemple, on a souvent besoin d'un conteneur.
- avoir un résultat correct sans le support des surcouches CSS, javascript, etc. Autrement dit, justement, tenir compte du fait que de nombreux éléments HTML induisent une part de présentation (les dl sont un bon exemple de présentation par défaut. Autre exemple: <img...><span>...</span> ne va pas être très heureux sans CSS)

Dès lors, <dl>, <p>, <hn>, <div>, <p>, <span>, <fiedset><legend> même peut-être... tout est question de circonstances.
Modifié par Laurent Denis (27 Dec 2005 - 10:27)