Tutoriel HTML : attribut title et attribut alt_HTML/Xhtml_Production de pages Web

XHTML est la base de la mise en page CSS. jb51.net a toujours mis l'accent sur l'apprentissage des connaissances XHTML, en prêtant attention à la sémantique et à la structure des documents. Les attributs title et alt me ​​donnent le sentiment le plus intuitif qu'ils peuvent améliorer l'adaptabilité du document et augmenter raisonnablement la densité des mots clés. Dans le standard XHTML, l'attribut alt des images est obligatoire.
XHTML est la base de la mise en page CSS. jb51.net a toujours mis l'accent sur l'apprentissage des connaissances XHTML, en se concentrant sur la sémantique et la structure des documents. Les attributs title et alt me ​​donnent le sentiment le plus intuitif qu'ils peuvent améliorer l'adaptabilité du document et augmenter raisonnablement la densité des mots clés. Dans le standard XHTML, l'attribut alt des images est obligatoire.
attribut alt
Pour les agents utilisateurs (UA) qui ne peuvent pas afficher d'images, de formulaires ou d'applets, l'attribut alt est utilisé pour spécifier le texte de remplacement. La langue du texte de remplacement est spécifiée par l'attribut lang. L'attribut Alt (notez « attribut » plutôt que « étiquette ») contient les instructions de remplacement, qui sont requises pour les images et les points chauds d'image. Il ne peut être utilisé que dans les éléments img, area et input (y compris les éléments applet). Pour les éléments d'entrée, l'attribut alt est destiné à remplacer l'image du bouton de soumission.
Par exemple : utilisez l'attribut alt pour fournir des descriptions textuelles aux 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 nativement l'affichage des images ou dont l'affichage des images est désactivé, les utilisateurs malvoyants et les utilisateurs qui utilisent des lecteurs d'écran. Le texte alternatif est utilisé pour remplacer une image plutôt que pour fournir un texte descriptif supplémentaire.
Réfléchissez bien avant d'écrire un texte alternatif pour vous assurer qu'il fournit réellement des informations aux personnes qui ne peuvent pas voir l'image et qu'il a du sens dans le contexte. Pour les images décoratives, utilisez une valeur vide (alt="", sans espaces entre guillemets) au lieu d'un texte de remplacement non pertinent tel que "blue bullet" ou "spacer.gif". Ne l'ignorez pas. Si vous l'ignorez, certains lecteurs d'écran liront directement le nom du fichier image, et les navigateurs de texte comme Lynx afficheront le nom du fichier image, et cela ne sera d'aucune utilité à votre navigateur. .
Il est plus simple de définir un texte alternatif pour les images contenant du texte. De manière générale, le texte contenu dans l'image peut être utilisé comme valeur d'attribut alt.
attribut titre
L'attribut title fournit des informations suggérées pour l'élément sur lequel il est défini.
L'attribut title peut être utilisé dans toutes les balises sauf base, basefont, head, html, meta, param, script et title. Mais ce n'est pas nécessaire. C'est peut-être pour cela que beaucoup de gens ne comprennent pas quand l'utiliser.
Utilisez l'attribut title pour fournir des informations supplémentaires non essentielles. La plupart des navigateurs visuels affichent le texte du titre sous forme d'info-bulle lorsque la souris survole un élément spécifique. Cependant, c'est au fabricant de décider comment restituer le texte du titre. Certains navigateurs afficheront le texte du titre dans la barre d'état. Par exemple, les premières versions du navigateur Safari.
Une bonne utilisation de l'attribut title consiste à ajouter un texte descriptif à un lien, en particulier lorsque le lien lui-même n'exprime pas clairement le but du lien. De cette façon, les visiteurs savent où les liens les mèneront et ils ne chargeront pas une page qui ne les intéresserait pas du tout. Une autre application potentielle consiste à fournir des informations descriptives supplémentaires pour les images, telles que des dates ou d'autres informations non essentielles.
　La valeur de l'attribut title peut être définie plus longtemps que la valeur de l'attribut alt. Sachez cependant que certains navigateurs tronqueront les textes trop longs (comme les infobulles ou autres). Par exemple, le navigateur principal de Mozilla ne peut afficher que les 60 premiers caractères. Ceci est considéré comme un bug de Mozilla et vous devez en être conscient.