5568 sujets

Sémantique web et HTML

Bonjour !

Je voudrais savoir si il y a un tag valide xhtml 1.1 qui permet de définir la légende d'une image, un peu comme le <label for=""></label> des formulaires.

En fait je trouve très bien l'idée de la sémantique du code mais je n'est pas trouvé de tag ayant "légende d'une image" comme "sens", je trouve ça assez limite... Smiley decu


Donc si il y a quelque chose comme (j'invente) <imgcaption for="name ou id de l'img">La légende</imgcaption> ça serait vraiment pas mal ! Smiley smile
Modifié par p4bl0 (18 Nov 2006 - 13:42)
Salut,

Les attributs alt et longdesc te permettent de fournir du contenu alternatif, mais j'imagine que tu cherches quelque chose te permettant de donner une information supplémentaire sur l'image.

Dans ce cas-là, il faudra jouer un peu avec les différents éléments HTML. Tu peux par exemple faire ceci :
<dl>
   <dt>La légende</dt>
   <dd><img src="?" alt="?" width="?" height="?" /></dd>
</dl>
Oui en fait ce que je cherche à faire (c'est pour une documentation) c'est de nommer et numéroter des images.

Je trouve dommage qu'il n'y ai pas de tag le permettant au niveau sémantique, ou même en CSS il faudrait un truc spécial pour les image.

Par exemple
img {
    alt-visibility: visible/hidden; /* on dit au navigateur d'afficher ou non le texte alternatif de l'image (et l'image bien entendu) */
    alt-position: top/left/right/bottom; /* ou l'afficher par rapport à l'image */
    alt-style: itablic/bold npt #color ; /* le style de la légende de l'image */
}


évidemment là c'est pas organiser ni rien, mais ce n'est pas réfléchi, c'est juste pour expliquer l'idée. Smiley smile

Enfin bref donc ça n'existe pas, et ça manque. XHTML 1.2 ? CSS 3.1 ?? :-p


En tout cas merci pour la réponse
Le HTML (et à plus forte raison le XHTML) est un langage assez épuré avec peu d'éléments. Ce qui signifie :
1 - que l'on trouvera rarement un élément dont le rôle est « légende d'une image », « élément de menu de navigation » ou « bandeau publicitaire » ;
2 - que la signification de chacun des éléments disponibles est assez large et malléable, et ne doit pas être comprise de manière trop restrictive.

Bref, voici une image et une légende :
<p><img alt="Portrait de Chaplin" src="chapling.jpg" /><br />
Charlie Chaplin (1889-1977), acteur et réalisateur britannique</p>

Suivant les besoins, on voudra peut-être formaliser un peu plus les choses, mais si c'est juste pour « faire sémantique » autant rester généraliste et souple...
Modifié par mpop (18 Nov 2006 - 13:47)
Oui c'est exactement ce que je fais Smiley cligne

Mais comme le W3C appui beaucoup sur la sémantique (et la séparation forme/contenu), je me suis dit que c'était dommage Smiley smile


Mais c'est suffisant de faire comme ça dans un <p class="img"></p> comme ça j'ai toutes mes légendes pareil (présentation défini en CSS p.img {})


:)