title

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Tout élément graphique ou conteneur dans un dessin SVG peut définir un titre en utilisant un élément <title>, ce titre ne peut contenir que du texte.

Quand l'élément contenant un titre apparaît à l'utilisateur sous forme d'image, l'élément <title> n'est pas affiché. Néanmoins, quelques moteurs de rendu peuvent, par exemple, l'afficher sous forme d'infobulle. Des représentations alternatives sont possibles, visuelles ou auditives, en renplacement des éléments graphiques. De manière générale, cet élément améliore l'accessibilité des documents SVG.

L'élément <title> est souvent le premier enfant de son parent. Notons que les implémentations qui rendent l'élément title en infobulle ne le font que s'il est à cette place.

Contexte d'utilisation

CatégoriesÉlément descriptif
Contenu autoriséTout élément ou caractère de donnée

Attributs

Attributs globaux

Attributs spécifiques

Aucun.

Interface DOM

Cet élément implémente l'interface SVGTitleElement.

Exemple

html
<svg width="220" height="70" xmlns="http://www.w3.org/2000/svg">
  <title>SVG Title Demo example</title>
  <rect x="10" y="10" width="200" height="50"
    style="fill:wheat; stroke:blue; stroke-width:1px">
</svg>

Spécifications

Specification
Scalable Vector Graphics (SVG) 2
# TitleElement

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi