Attribut longdesc de l'image <img> en HTML
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">
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 :
|
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 |