blob: 1391f3f1950ec4eb727bdf040ffb6c4593d062a3 (
plain)
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
|
---
title: '<rp> : l''élément de parenthèses alternatif aux annotations Ruby'
slug: Web/HTML/Element/rp
tags:
- Element
- HTML
- Reference
- Ruby
- Web
translation_of: Web/HTML/Element/rp
---
{{HTMLRef}}
L'élément HTML **`<rp>` **est utilisé pour fournir ce qui fera office de parenthèse aux navigateurs qui ne prennent pas en charge les annotations Ruby.
Les annotations Ruby permettent d'afficher la prononciation des caractères d'Asie orientale, notamment lors de l'usage de caractères furigana Japonais ou bopomofo Taïwanais.
Un élément `<rp>` devrait encadrer chaque parenthèse ouvrante et fermante englobant l'élément {{HTMLElement("rt")}} contenant les annotations.
{{EmbedInteractiveExample("pages/tabbed/rp.html", "tabbed-shorter")}}
## Attributs
Cet élément inclut uniquement [les attributs universels](/fr/docs/Web/HTML/Attributs_universels).
## Exemples
### Avec prise en charge de ruby
#### HTML
```html
<ruby>
漢 <rp>(</rp><rt>Kan</rt><rp>)</rp>
字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>
```
```css hidden
body {
font-size: 22px;
}
```
#### Résultat
{{EmbedLiveSample("Avec_prise_en_charge_de_ruby","300","150")}}
### Sans prise en charge de ruby
Avec un navigateur ne prenant pas en charge les annotations Ruby, on aurait :
```html hidden
漢 (Kan) 字 (ji)
```
```css hidden
body {
font-size: 22px;
}
```
{{EmbedLiveSample("Sans_prise_en_charge_de_ruby", 600, 60)}}
## Résumé technique
<table class="properties">
<tbody>
<tr>
<th scope="row">
<dfn
><a href="/fr/docs/Web/HTML/Catégorie_de_contenu"
>Catégories de contenu</a
></dfn
>
</th>
<td>Aucune.</td>
</tr>
<tr>
<th scope="row">Contenu autorisé</th>
<td>
<a
href="/fr/docs/Web/HTML/Cat%C3%A9gorie_de_contenu#Contenu_phras.C3.A9"
>Contenu phrasé</a
>. Texte.
</td>
</tr>
<tr>
<th scope="row">Omission de balises</th>
<td>
La balise de fin peut être absente si l'élément est immédiatement suivi
d'un élément {{HTMLElement("rt")}} ou d'un autre élément
<code><rp></code> ou s'il n'y a plus de contenu dans l'élément
parent.
</td>
</tr>
<tr>
<th scope="row">Parents autorisés</th>
<td>
Un élément {{HTMLElement("ruby")}}. <code><rp></code> doit
être positionné immédiatement avant ou après un élément
{{HTMLElement("rt")}}.
</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>{{domxref("HTMLElement")}}</td>
</tr>
</tbody>
</table>
## Spécifications
| Spécification | État | Commentaires |
| ---------------------------------------------------------------------------------------------------------------- | -------------------------------- | ------------ |
| {{SpecName('HTML WHATWG', 'text-level-semantics.html#the-rp-element', '<rp>')}} | {{Spec2('HTML WHATWG')}} | |
| {{SpecName('HTML5 W3C', 'text-level-semantics.html#the-rp-element', '<rp>')}} | {{Spec2('HTML5 W3C')}} | |
## Compatibilité des navigateurs
{{Compat("html.elements.rp")}}
## Voir aussi
- {{HTMLElement("ruby")}}
- {{HTMLElement("rt")}}
- {{HTMLElement("rb")}}
- {{HTMLElement("rtc")}}
|
