2 votes

Quelles balises HTML utiliser pour décrire une image ?

Mon image type comportera un nom d'événement (texte court), un texte de description (texte plus long) et un texte de copyright (texte court) en dessous. Je recherche le meilleur cas d'utilisation des balises. Ne vous inquiétez pas de la compatibilité avec les navigateurs plus anciens. L'image sera dans une balise figure, donc nous parlons ici de contenu dans figcaption.

Exemple :

-------------------------
- imagine an image here -
-------------------------
Marathon 2013
Some great Marathon 2013 photo of a great runner. This could go on, and on, and on... 
and will span multiple lines most of the time. 
Courtesy of somesite.com

J'utilise actuellement cite pour l'événement (Marathon 2013) et le copyright (Courtesy of somesite.com). Je pense à span pour la description.

Que suggérez-vous ?

3voto

Déjà Bond Points 281
        <figure>
          <img src="image.jpg" alt="image text">
          <figcaption>Some great Marathon 2013 photo of a great runner.
            This could go on, and on, and on... and will span multiple lines most of the time. 
            Courtesy of somesite.com</figcaption>
        </figure>

À l'intérieur de figcaption vous pouvez utiliser toutes les balises que vous voulez comme <a> or <span>

et vous pouvez utiliser la figure pour les images multiples comme ceci

        <figure>
          <img src="image.jpg" alt="image text">
          <img src="image2.jpg" alt="image text">
          <img src="image3.jpg" alt="image text">
          <figcaption>Some great Marathon 2013 photo of a great runner.
            This could go on, and on, and on... and will span multiple lines most of the time. 
            Courtesy of somesite.com</figcaption>
        </figure>

1voto

basarat Points 22425

Yup. figure pour image. Figcaption contenant span / cite sonne bien.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X