Manuel de référence HTML

Recueil complet des balises HTML

HTML: <img> attribut alt

Si pour une raison quelconque l'utilisateur ne peut pas voir l'image (à cause de la lenteur de la connexion, d'une erreur dans l'attribut src ou si l'utilisateur utilise un lecteur d'écran), l'attribut alt fournit des informations de remplacement pour l'image. Si l'image ne peut pas être affichée, il est nécessaire d'utiliser l'attribut alt pour spécifier le texte alternatif de l'image.

　HTML Balise <img>

Exemple en ligne

Défini une image avec un texte alternatif :

Exemple

!DOCTYPE　html>
<html>
<head>
<title>HTML:<img>　attribut alt　-　Réseau de tutoriels de base　oldtoolbag.com</title>
<body>
<img　src="haha-no.gif"　alt="haha　face"　width="42"　height="42">
</body>
</html>

Voyons si ça fonctionne ‹/›

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge l'attribut alt.

Définition et utilisation

L'attribut alt est un attribut obligatoire qui spécifie le texte alternatif à utiliser lorsque l'image ne peut pas être affichée.

Si l'image ne peut pas être affichée, il est nécessaire d'utiliser l'attribut alt pour spécifier le texte de remplacement de l'image.

Si l'utilisateur ne peut pas voir l'image pour une raison quelconque (vitesse de connexion lente, erreur dans l'attribut src ou utilisation d'un lecteur d'écran), l'attribut alt fournit des informations de remplacement pour l'image.

Attention :Lorsque l'utilisateur déplace le curseur sur l'élément img, Internet Explorer (9 Dans les versions précédentes, l'attribut alt affichait la valeur comme tooltip. Selon la norme HTML, ce comportement n'est pas correct.

Astuce :Si vous devez créer un tooltip pour l'image, utilisez title attribut !

HTML 4.01 par rapport à HTML5différences

Aucune.

Syntaxe

<img alt="texte">

valeur de l'attribut

valeur	description
texte	Spécifiez le texte alternatif de l'image. Principes d'utilisation du texte alternatif alt : Si l'image contient de l'information, utilisez alt pour décrire l'image Si l'image est dans un élément <a>, utilisez alt pour décrire le lien cible Si l'image n'est qu'esthétique, utilisez alt=""

　HTML Balise <img>

HTML: Balise <template>