Baseline Widely available
L'attribut universel title
contient un texte d'information relatif à l'élément auquel il est rattaché.
<p>
Use the <code>title</code> attribute on an <code>iframe</code> to clearly
identify the content of the <code>iframe</code> to screen readers.
</p>
<iframe
title="Wikipedia page for the HTML language"
src="https://en.m.wikipedia.org/wiki/HTML"></iframe>
<iframe
title="Wikipedia page for the CSS language"
src="https://en.m.wikipedia.org/wiki/CSS"></iframe>
iframe {
height: 200px;
margin-bottom: 24px;
width: 100%;
}
On le trouve généralement utilisé pour :
<iframe>
<input>
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>
.
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.
<p>
Les sauts de ligne au sein d'un attribut title doivent être pris en compte :
<abbr
title="Ceci est un
titre sur plusieurs lignes"
>Exemple</abbr
>.
</p>
Résultat Héritage de 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 :
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.
title
- The Paciello Group (en anglais)RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4