Maison  >  Article  >  interface Web  >  Parlez de la différence entre les attributs alt et title dans les éléments de balise HTML

Parlez de la différence entre les attributs alt et title dans les éléments de balise HTML

青灯夜游
青灯夜游avant
2020-10-12 17:53:282927parcourir

Parlez de la différence entre les attributs alt et title dans les éléments de balise HTML

Cet article vous présentera la différence entre les attributs alt et title dans les éléments de balise HTML. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Aperçu

Vous pouvez probablement ajouter un qualificatif à cette question, mais nous exclurons la balise <title> de cette discussion pour l'instant. Quelle est la différence entre les attributs alt et title

de l'élément

 ?

(Tutoriel recommandé : tutoriel HTML)

L'attribut ALT

est le plus couramment utilisé sur la balise <img>, alors faisons-le Jetez d'abord un œil à l'attribut <img> de la balise alt. 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 :

  • Le réseau est trop lent
  • src Erreur d'attribut dans
  • Le navigateur désactive les images
  • L'utilisateur utilise un lecteur d'écran

<img> L'attribut alt de la balise spécifie un texte alternatif, en utilisant Elle est utilisée pour remplacer le contenu affiché dans le navigateur lorsque l'image ne peut pas être affichée ou que l'utilisateur désactive l'affichage de l'image.

Il est fortement recommandé 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.

Notes et conseils :

Remarque : alt La valeur de l'attribut 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 alt peut contenir des références d'entité à des caractères spéciaux, mais il n'est pas autorisé à contenir du balisage provenant d'autres catégories, et en particulier il n'est pas autorisé à avoir de balises de style.

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.

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

Utilisation et syntaxe :

Utilisation : L'attribut alt ne peut être utilisé que dans les éléments img, area et input (y compris appletélément). Pour l'élément input, l'attribut alt est destiné à remplacer l'image du bouton de soumission. Par exemple :

<input type="image" src="image.gif" alt="Submit" />

Syntaxe :
Spécifie le texte alternatif de l'image

alt Principes d'utilisation du texte :

  • Si l'image contient des informations - utilisez alt Décrivez l'image
  • Si l'image est à l'intérieur d'un élément a - utilisez alt pour décrire le lien cible
  • Si l'image est juste pour la décoration - utilisez alt=""

Attribut TITLE

Définition et utilisation : L'attribut

title spécifie des informations supplémentaires sur l'élément.

Ces informations affichent généralement un texte d'info-bulle lorsque la souris est déplacée sur l'élément.

Astuce : L'attribut title est souvent utilisé avec les éléments form et a pour fournir des informations sur le format d'entrée et la cible du lien. C'est également un attribut obligatoire des éléments abbr et acronym. Bien entendu, l'attribut title est plus largement utilisé et peut être utilisé dans tous sauf base, basefont, head, html, meta, param, script et title Étiquette. Mais ce n'est pas nécessaire. Une bonne utilisation de l'attribut

title consiste à ajouter un texte descriptif à un lien, en particulier lorsque le but du lien n'est pas très clair à partir du lien lui-même. 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.

Balise TITLE

Il est encore tôt pour voir, continuons à regarder la balise <title>. L'élément

<title> définit le titre du document.

Les navigateurs utilisent les titres d'une manière spéciale et les placent généralement sur la barre de titre ou la barre d'état de la fenêtre du navigateur. De même, lorsqu'un document est ajouté à la liste de liens ou à la liste de favoris ou de signets d'un utilisateur, le titre devient le nom par défaut du lien vers le document.

Conseil : La balise <title> est la seule chose obligatoire dans la balise <head>.

Lecture approfondie : Que contient le titre ?

Assurez-vous de bien choisir le titre, il est important de définir le document et de s'assurer qu'il pourra être utilisé efficacement sur le web.

Rappelez-vous que les utilisateurs peuvent accéder à chaque document de la collection indépendamment, dans n'importe quel ordre. Par conséquent, le titre d’un document doit non seulement être défini dans le contexte d’autres documents, mais également montrer ses propres caractéristiques.

Les titres qui contiennent un ordre de citation de documents ne sont généralement pas de bons titres. Par exemple, un titre comme « Chapitre 16 » ou « Partie 5 » ne fait rien pour aider le lecteur à comprendre le contenu. Un titre plus descriptif, comme « Chapitre 16 : Titres HTML » ou « Partie 5 : Comment utiliser les titres », exprime non seulement sa place dans une collection plus large de documents, mais explique également le contenu du document, attirant ainsi les lecteurs. être plus intéressé par la lecture.

Les titres autoréférentiels sont également de peu d'utilité. Des titres comme « Page d'accueil » n'ont rien à voir avec le contenu, et des titres similaires incluent « Page de commentaires » ou « Liens fréquemment utilisés ». Vous devez concevoir un titre pouvant transmettre un certain contenu et un certain objectif afin que les lecteurs puissent juger s'il est nécessaire de visiter cette page. "Quelle est la différence entre alt et le titre d'un élément - Problème", il s'agit d'un titre descriptif.

Les gens passent souvent beaucoup de temps à créer des documents Web, mais tous ces efforts sont souvent vains simplement à cause d'un titre peu attrayant ou dénué de sens. Lorsque les logiciels spéciaux qui collectent automatiquement les liens pour les utilisateurs sont devenus de plus en plus populaires sur le Web, seul le titre d'une page Web était inséré dans la vaste base de données de liens en tant que mots descriptifs liés à la page. Nous ne saurions donc assez insister sur ce point : choisissez soigneusement un titre pour chacun de vos documents qui soit descriptif, utile et indépendant du contexte.

FIN.

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer