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
|
---
title: '<rt> : l''élément de texte Ruby'
slug: Web/HTML/Element/rt
tags:
- Element
- HTML
- Reference
- Ruby
- Web
translation_of: Web/HTML/Element/rt
---
{{HTMLRef}}
L'élément HTML **`<rt>`** indique la composante texte d'une annotation Ruby, il est notamment utilisé pour la prononciation, la traduction ou la translitération des caractères d'Asie orientale. Cet élément est toujours contenu dans un élément {{HTMLElement("ruby")}}.
{{EmbedInteractiveExample("pages/tabbed/rt.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>
漢 <rt>Kan</rt>
字 <rt>ji</rt>
</ruby>
```
```css hidden
body {
font-size: 22px;
}
```
#### Résultat
{{EmbedLiveSample("Avec_prise_en_charge_de_ruby","100%","130")}}
### Sans prise en charge de ruby
Pour un navigateur sans prise en charge de Ruby, on aurait le résultat suivant :
```html hidden
漢 Kan 字 ji
```
```css hidden
body {
font-size: 22px;
}
```
{{EmbedLiveSample("Sans_prise_en_charge_de_ruby", 600, 60)}}
## Spécifications
| Spécification | État | Commentaires |
| ---------------------------------------------------------------------------------------------------------------- | -------------------------------- | ------------ |
| {{SpecName('HTML WHATWG', 'text-level-semantics.html#the-rt-element', '<rt>')}} | {{Spec2('HTML WHATWG')}} | |
| {{SpecName('HTML5 W3C', 'text-level-semantics.html#the-rt-element', '<rt>')}} | {{Spec2('HTML5 W3C')}} | |
## Compatibilité des navigateurs
{{Compat("html.elements.rt")}}
## Voir aussi
- {{HTMLElement("ruby")}}
- {{HTMLElement("rp")}}
- {{HTMLElement("rb")}}
- {{HTMLElement("rtc")}}
- {{CSSXRef("text-transform", "text-transform: full-size-kana")}}
|
