Que signifie l'attribut alt de la balise HTML img ? Explication détaillée de l'attribut alt de la balise HTML img

Cet article présente principalement la définition et des exemples spécifiques de l'attribut alt de la balise img en HTML. Lisons l'article ensemble

Tout d'abord, regardons ce que fait l'attribut alt. de la balise img signifie?

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

L'attribut alt peut fournir des informations alternatives pour l'image si l'utilisateur ne parvient pas à visualiser l'image pour les raisons suivantes :

• La vitesse du réseau est trop lente

• Erreur dans l'attribut src

• Images désactivées dans le navigateur

• L'utilisateur utilise un lecteur d'écran

spécifie un texte alternatif, qui est utilisé pour remplacer le contenu de l'image affichée dans le navigateur lorsque l'image ne peut pas être affichée ou que l'utilisateur désactive l'image. afficher.

Nous vous recommandons fortement d'utiliser cet attribut sur chaque image de votre document. De cette façon, même si l'image ne peut pas être affichée, l'utilisateur peut toujours voir certaines informations sur ce qui manque. Et pour les personnes handicapées, l’attribut alt est souvent le seul moyen de savoir de quoi parle l’image.

Remarque : La valeur de l'attribut alt est une chaîne pouvant contenir jusqu'à 1024 caractères, espaces et signes de ponctuation compris. Cette chaîne doit être placée entre guillemets. Ce texte alternatif peut contenir des références d'entité à des caractères spéciaux, mais il n'est pas autorisé à contenir d'autres catégories de balisage, et en particulier aucune balise de style n'est autorisée.

Remarque : lorsque l'utilisateur déplace la souris sur l'élément img, Internet Explorer affichera la valeur de l'attribut alt. Ce comportement est incorrect. Tous les autres navigateurs se rapprochent de la spécification et n'afficheront un texte alternatif que lorsque l'image ne peut pas être affichée.

Conseil : Si vous devez créer une info-bulle pour une image, utilisez l'attribut title.

Exemple d'attribut alt pour la balise HTML img :

Image avec texte alt :

<img src="/static/imghwm/default1.png"  data-src="img_logo.gif"  class="lazy"   alt="www.php.cn" />

La syntaxe de l'attribut alt de la balise HTML img :

<img src="/static/imghwm/default1.png"  data-src="https://img.php.cn//upload/image/740/335/396/1535366204423168.png?x-oss-process=image/resize,p_40"  class="lazy"  alt="text" />

La syntaxe de l'attribut alt de la balise HTML img :

Pourquoi la balise HTML img doit-elle ajouter l'attribut alt :

Tout d'abord, laissez-moi vous expliquer que je suis un novice junior en front-end. Lorsque je regardais une vidéo pédagogique aujourd'hui, le professeur a dit que l'attribut alt devait être ajouté. Je n’ai pas compris la raison, alors j’ai cherché en ligne. Je voulais essayer d'écrire un blog et mettre en pratique mes compétences en matière de synthèse, alors je l'ai écrit sous forme de blog ! Le contenu est ce que j'ai vu à différents endroits. Il semble plus pratique d'écrire ensemble les avantages de l'attribut alt et la signification du référencement.

SEO : L'abréviation de Search Engine Optimization fait référence à une série d'opérations d'optimisation bénéfiques à l'expérience utilisateur pour rendre le site Web conforme aux principes de classement des algorithmes des moteurs de recherche, afin que votre site Web puisse être classé dans les résultats de recherche des moteurs de recherche obtiennent un bon classement, tandis que les "images sans balises img d'informations alt" se verront déduire plus de points.

L'ajout d'alt aux images sur un site Web est bénéfique pour l'optimisation du référencement, permettant au site Web de se conformer aux principes de classement algorithmique des moteurs de recherche et d'obtenir un bon classement dans les résultats de recherche des moteurs de recherche. L'attribut alt est une simple introduction à l'image et contient autant que possible les mots-clés du site Web. Lorsque les utilisateurs ont des difficultés à charger une page Web, la balise alt peut les aider à comprendre le contenu de l'image, ce qui est plus propice à l'expérience utilisateur. Il est donc nécessaire d’ajouter l’attribut alt à la balise image.

Instance de l'attribut alt :

alt est l'invite affichée lorsque l'image ne peut pas être chargée normalement. Le code est le suivant :

Exécuter le résultat comme suit :

<img src="/static/imghwm/default1.png"  data-src="eg_tulip.jpg"  class="lazy"    alt="上海鲜花港 - 郁金香" />

[Recommandation de l'éditeur]

html Pourquoi les balises P ne peuvent-elles pas imbriquer les divs ? Il existe également des exemples de styles CSS pour les balises P html

Comment centrer le contenu de l'en-tête dans un tableau html ? Une introduction détaillée à l'attribut align de la balise d'en-tête du tableau

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!