Attribut longdesc de l'image <img> en HTML

Balise HTML <img>

Définition et utilisation

longdesc L'attribut de l'attribut spécifie un lien hypertexte vers une description détaillée de l'image.

attribut de détails

<img> le longdesc L'attribut est similaire à alt attribut de la même manière, mais il permet une description plus longue.longdesc La valeur est une URL pointant vers un document contenant la description de l'image. Si la description dépasse 1024 caractères, vous pouvez utiliser longdesc l'attribut pour définir un lien vers lui.

Ni HTML ni XHTML n'indiquent ce qui doit être contenu dans la description, et les navigateurs ne supportent pas encore longdesc L'attribut. Par conséquent, pour créer ces grandes descriptions, nous recommandons de créer un lien hypertexte vers une page contenant la description.

alt L'attribut est très utile pour les personnes handicapées, et pour des raisons évidentes,longdesc L'attribut semble être une meilleure option.

Exemple

Voici quelques exemples d'utilisation de l'attribut longdesc :

<!-- La description est sur la même page que l'image -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="#w3htmlExplained">
<!-- La description est sur une page externe -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="w3html.txt">
<!-- Cette description est l'une des multiples descriptions sur une page externe -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="http://example.com/desc#item3">
<!-- La description est incluse dans l'URI data: -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="data:text/html;charset=utf-8;,%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3Ctitle%3EDescription%20of%20the%20Logo%3C/title%3E%3C/head%3E%3Cbody%3E%3Cp%3ESome%20description%20goes%20here%3C/body%3E%3C/html%3E">

Essayez-le vous-même

Syntaxe

<img longdesc="string">

Valeur de l'attribut

Valeur Description
string

Définit un lien hypertexte pointant vers une description détaillée de l'image.

Valeurs possibles :

  • ID d'un autre élément
  • URL absolue - Pointe vers un autre site (par exemple longdesc="http://www.example.com/description.txt")
  • URL relative - Pointe vers un fichier dans le site (par exemple longdesc="description.txt")

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Non pris en charge Non pris en charge Non pris en charge Non pris en charge Non pris en charge

Balise HTML <img>