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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
|
---
title: '<cite> : l''élément de citation'
slug: Web/HTML/Element/cite
tags:
- Attribution
- Citation
- Citing References
- Citing Works
- Element
- HTML
- HTML text-level semantics
- Quotations
- Reference
- Web
translation_of: Web/HTML/Element/cite
browser-compat: html.elements.cite
---
{{HTMLRef}}
L'élément **`<cite>`** contient le titre d'une œuvre telle qu'un livre, une chanson, un film, une sculpture… Cet élément doit inclure le titre de l'œuvre. Cette référence peut-être abrégée en accord avec les conventions d'usages pour l'ajout des métadonnées de citations.
{{EmbedInteractiveExample("pages/tabbed/cite.html", "tabbed-standard")}}
<table class="properties">
<tbody>
<tr>
<th scope="row">
<a href="/fr/docs/Web/Guide/HTML/Content_categories"
>Catégories de contenu</a
>
</th>
<td>
<a href="/fr/docs/Web/Guide/HTML/Content_categories#flow_content"
>Contenu de flux</a
>,
<a href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content"
>contenu phrasé</a
>,
<a href="/fr/docs/Web/Guide/HTML/Content_categories#palpable_content"
>contenu tangible</a
>.
</td>
</tr>
<tr>
<th scope="row">Contenu autorisé</th>
<td>
<a href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content"
>Contenu phrasé</a
>.
</td>
</tr>
<tr>
<th scope="row">Omission de balises</th>
<td>
Aucune, la balise d'ouverture et la balise de fermeture sont
obligatoires.
</td>
</tr>
<tr>
<th scope="row">Parents autorisés</th>
<td>
Tout élément acceptant du
<a href="/fr/docs/Web/Guide/HTML/Content_categories#phrasing_content"
>contenu phrasé</a
>.
</td>
</tr>
<tr>
<th scope="row">Rôle ARIA implicite</th>
<td>
<a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
>Pas de rôle correspondant</a
>
</td>
</tr>
<tr>
<th scope="row">Rôles ARIA autorisés</th>
<td>Tous les rôles sont autorisés.</td>
</tr>
<tr>
<th scope="row">Interface DOM</th>
<td>
<a href="/fr/docs/Web/API/HTMLElement"><code>HTMLElement</code></a
>. Auparavant et jusqu'à Gecko 1.9.2 (Firefox 4) inclus, Firefox
implémentait l'interface
<a href="/fr/docs/Web/API/HTMLSpanElement"
><code>HTMLSpanElement</code></a
>
pour cet élément
</td>
</tr>
</tbody>
</table>
## Attributs
Cet élément prend uniquement en charge [les attributs universels](/fr/docs/Web/HTML/Global_attributes).
## Notes d'utilisation
Voici des exemples d'œuvres auxquelles on pourrait faire référence grâce à un élément `<cite>` :
- Un livre
- Un article de recherche
- Un essai
- Un poème
- Une pièce musicale
- Une chanson
- Le script d'une pièce ou d'un film
- Un film
- Une émission télévisée
- Un jeu
- Une sculpture
- Une peinture
- Une pièce de théâtre
- Un opéra
- Une comédie musicale
- Une exposition
- Les minutes d'un procès
- Un programme informatique
- Un site web
- Une page web
- Un billet de blog ou un commentaire
- Un billet ou un commentaire sur un forum
- Une déclaration écrite ou orale
- etc.
Il convient de noter que la spécification du W3C dit qu'une référence à une œuvre créative, telle qu'incluse dans un élément `<cite>`, peut inclure le nom de l'auteur de l'œuvre. Cependant, la spécification WHATWG pour `<cite>` dit le contraire : le nom d'une personne ne doit _jamais_ être inclus, en toutes circonstances.
Pour inclure une référence à la source du matériel cité qui est contenu dans un élément [`<blockquote>`](/fr/docs/Web/HTML/Element/blockquote) ou [`<q>`](/fr/docs/Web/HTML/Element/q), utilisez l'attribut [`cite`](/fr/docs/Web/HTML/Element/blockquote#attr-cite) sur l'élément.
En général, les navigateurs donnent un style au contenu d'un élément `<cite>` en italique par défaut. Pour éviter cela, appliquez la propriété CSS [`font-style`](/fr/docs/Web/CSS/font-style) à l'élément `<cite>`.
## Exemple
```html
<p>
Plus d'informations sont disponibles dans <cite>[ISO-0000].</cite>
</p>
```
Le HTML ci-dessus produit le résultat suivant :
{{EmbedLiveSample('example', '', 80)}}
## Spécifications
{{Specifications}}
## Compatibilité des navigateurs
{{Compat}}
## Voir aussi
- L'élément [`<blockquote>`](/fr/docs/Web/HTML/Element/blockquote), utilisé pour des citations longues.
- L'élément [`<q>`](/fr/docs/Web/HTML/Element/q), utilisé pour des citations en incise.
|
