L'utilisation correcte de l'attribut de texte ALT et de l'attribut de titre peut non seulement améliorer la capacité de recherche des images, mais également être très utile pour l'expérience utilisateur.
Le texte ALT est destiné à fournir des descriptions de texte aux téléspectateurs qui ne peuvent pas voir les images de votre document. Cela inclut les utilisateurs qui utilisent des navigateurs qui ne prennent pas en charge l'affichage d'image ou l'affichage d'image, les utilisateurs qui ont une maladie visuellement et les utilisateurs qui utilisent des lecteurs d'écran. Le texte de remplacement est donc utilisé pour remplacer l'image au lieu de fournir un texte littéral supplémentaire. Le texte Alt joue également le rôle du titre dans le navigateur IE - invite du texte lorsque la souris passe. C'est-à-dire que le navigateur induit en erreur tout le monde. Dans IE, Alt deviendra une invite de texte car IE n'est pas standard. Firefox fait cela mieux.
Le titre est une explication et un ajout supplémentaire à l'image. Si vous devez utiliser l'invite de texte lorsque la souris passe par l'image, vous devez utiliser le titre d'attribut. L'attribut de titre a une priorité plus élevée que le texte ALT. Cependant, en raison des mauvais conseils, de nombreux débutants ajoutent uniquement l'attribut ALT à la balise IMG.
Regardons un exemple ci-dessous, et nous pouvons voir la différence entre le texte ALT et le titre plus clairement:
// * L'image ne s'affiche pas
<img src = vevb.jpg width = 400 height = 104alt = web Design>
<img src = vevb.jpg width = 239 height = 104 title = web Design /
// * Affichage d'image
<img src = vevb.png title = Web Design /
<img src = vevb.png alt = web design /
Dans le navigateur IE, les invites de texte apparaîtront lorsque la souris passe par l'image pour ces quatre codes.
Dans le navigateur Firefox, les trois premiers codes, lorsque la souris passe par l'image, l'invite de texte apparaîtra et le dernier code, la souris passe par l'image, n'affichera pas l'invite de texte (comme indiqué sur la figure ci-dessous).
C'est-à-dire que lorsque l'image ne peut pas être affichée, le contenu du texte de remplacement s'affiche lorsque la souris passe par l'image, et lorsque l'image peut être affichée, le texte de remplacement ne sera pas affiché lorsque la souris passe par l'image.
Maintenant que nous savons quelle est la différence entre le texte ALT et le titre, comment pouvons-nous les utiliser correctement?
1. Le texte et le titre ALT sont très importants pour les visiteurs (le texte ALT sera plus important pour les moteurs de recherche), donc lors de la définition d'objets IMG, il est préférable d'écrire tous les attributs de texte et de titre Alt pour s'assurer qu'ils peuvent être utilisés normalement dans divers navigateurs.
2. Incluez les mots clés dans le texte et le titre Alt, et le contenu des deux est le meilleur différent.
3. N'acilé pas de mots clés dans le texte et le titre ALT, sinon cela peut entraîner des pénalités de moteur de recherche.