files/fr/web/svg/element/title/index.md


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84

---
title: title
slug: Web/SVG/Element/title
tags:
  - Element
  - Reference
  - SVG
  - SVG Description
translation_of: Web/SVG/Element/title
---
<div>{{SVGRef}}</div>

<p>Tout élément graphique ou conteneur dans un dessin SVG peut définir un titre en utilisant un élément <strong><code>&lt;title&gt;</code></strong>, ce titre ne peut contenir que du texte.</p>

<p>Quand l'élément contenant un titre apparaît à l'utilisateur sous forme d'image, l'élément <code>&lt;title&gt;</code> 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.</p>

<p>L'élément <code>&lt;title&gt;</code> 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.</p>

<h2 id="Contexte_d'utilisation">Contexte d'utilisation</h2>

<p>{{svginfo}}</p>

<h2 id="Attributs">Attributs</h2>

<h3 id="Attributs_globaux">Attributs globaux</h3>

<ul>
 <li><a href="/fr/docs/Web/SVG/Attribute#Attributs_de_base" title="en/SVG/Attribute#Core">Attributs de base</a> »</li>
 <li>{{ SVGAttr("class") }}</li>
 <li>{{ SVGAttr("style") }}</li>
</ul>

<h3 id="Attributs_spécifiques">Attributs spécifiques</h3>

<p><em>(Aucun)</em></p>

<h2 id="Interface_DOM">Interface DOM</h2>

<p>Cet élément implémente l'interface <code><a href="/fr/docs/Web/API/SVGTitleElement" title="en/DOM/SVGTitleElement">SVGTitleElement</a></code>.</p>

<h2 id="Exemple">Exemple</h2>

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

<p>{{ EmbedLiveSample('Exemple', '100%', 100) }}</p>

<h2 id="Spécifications">Spécifications</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spécification</th>
   <th scope="col">Statut</th>
   <th scope="col">Commentaire</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('SVG2', 'struct.html#TitleElement', '&lt;title&gt;')}}</td>
   <td>{{Spec2('SVG2')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('SVG1.1', 'struct.html#DescriptionAndTitleElements', '&lt;title&gt;')}}</td>
   <td>{{Spec2('SVG1.1')}}</td>
   <td>Définition initiale</td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>

<p>{{Compat("svg.elements.title")}}</p>

<h2 id="Voir_aussi">Voir aussi</h2>

<ul>
 <li>{{ SVGElement("desc") }}</li>
</ul>