L'attribut universel title contient un texte d'information relatif à l'élément auquel il est rattaché.

On le trouve généralement utilisé pour :

  • Fournir un libellé pour les éléments <iframe>
  • Fournir un libellé associé automatiquement à un élément <input>
  • Fournir un libellé pour les contrôles des tableaux de données

Si cet attribut est absent, cela signifie que le titre de l'élément ancêtre le plus proche est toujours pertinent (et pourrait être utilisé comme bulle d'information pour l'élément courant). Si cet attribut vaut la chaîne vide, cela signifie explicitement que la valeur du titre de l'ancêtre le plus proche n'est pas pertinent (et ne devrait pas être utilisé comme bulle d'information).

Une sémantique différente est définie pour cet attribut lorsqu'il est utilisé avec les éléments <link>, <abbr>, <input> et <menuitem>.

Titre sur plusieurs lignes

Un attribut title peut contenir plusieurs lignes. Chaque caractère U+000A LINE FEED (LF) représentera un saut de ligne. Le fragment de code suivant représente donc un élément dont le titre est écrit sur deux lignes.

HTML

<p>
  Les sauts de ligne au sein d'un attribut title doivent être prises en compte :
  <abbr title="Ceci est un
  titre sur plusieurs lignes">Exemple</abbr>.
</p>

Résultat

Héritage de l'attribut title

Lorsqu'un élément ne possède pas d'attribut title, il hérite de la valeur de l'attribut pour l'élément parent (qui peut également l'hériter de son parent, etc.).

Si cet attribut est défini avec la chaîne vide, cela signifie que le titre provenant d'un élément parent n'est pas pertinent et qu'il ne devrait pas être utilisé.

HTML

<div title="Une bubulle">
  <p>Si vous survolez cet élément, il y aura une bulle d'information "Une bubulle".</p>
  <p title="">Et au-dessus de celui-ci, aucune info.</p>
</div>

Résultat

Accessibilité

L'attribut title est très problématique pour :

  • Les personnes qui utilisent des appareils à interface tactile
  • Les personnes qui naviguent au clavier
  • Les personnes qui naviguent en utilisant des outils d'assistance comme des lecteurs d'écran ou des loupes logicielles
  • Les personnes souffrant de troubles musculaires ou cognitifs.

Cela est dû à une prise en charge hétérogène de la part des navigateurs. Si on souhaite avoir une bulle d'information, mieux vaudra utiliser une technique plus accessible.

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de 'title' dans cette spécification.
Standard évolutif Aucune modification depuis HTML 5.1
HTML 5.1
La définition de 'title' dans cette spécification.
Recommendation Dérivation de HTML Living Standard, aucune modification de HTML5
HTML5
La définition de 'title' dans cette spécification.
Recommendation Dérivation de HTML Living Standard. À partir de HTML 4.01 Specification, title est désormais un attribut universel.
HTML 4.01 Specification
La définition de 'title' dans cette spécification.
Recommendation Pris en charge par l'ensemble des éléments sauf <base>, <basefont>, <head>, <html>, <meta>, <param>, <script> et <title>.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
Support simpleChrome Support complet OuiEdge Support complet OuiFirefox Support complet OuiIE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet OuiOpera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
Multi-line supportChrome Support complet OuiEdge Support complet OuiFirefox Support complet OuiIE Support complet OuiOpera ? Safari Support complet OuiWebView Android ? Chrome Android ? Edge Mobile ? Firefox Android Support complet OuiOpera Android ? Safari iOS ? Samsung Internet Android ?

Légende

Support complet  
Support complet
Compatibilité inconnue  
Compatibilité inconnue

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight, Goofy, guillaumev
Dernière mise à jour par : SphinxKnight,