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

<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

Spécification Statut Commentaire
Scalable Vector Graphics (SVG) 2
La définition de '<title>' dans cette spécification.
Candidat au statut de recommandation  
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
La définition de '<title>' dans cette spécification.
Recommendation Définition initiale

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 1Edge Support complet OuiFirefox Support complet 1.5IE Support complet 9Opera Support complet 8Safari Support complet 3WebView Android Support complet 3Chrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet 3Samsung Internet Android ?
Tooltip displayChrome ? Edge ? Firefox Support complet 4IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera 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 : a-mt, Sebastianz, SphinxKnight, Goofy, B_M
Dernière mise à jour par : a-mt,