The HTML Ruby Text (<rt>) element specifies the ruby text component of a ruby annotation, which is used to provide pronunciation, translation, or transliteration information for East Asian typography. The <rt> element must always be contained within a <ruby> element.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
See the article about the <ruby> element for more examples.
| Content categories | None. |
|---|---|
| Permitted content | Phrasing content. |
| Tag omission | The end tag may be omitted if the <rt> element is immediately followed by an <rt> or <rp> element, or if there is no more content in the parent element |
| Permitted parents | A <ruby> element. |
| Permitted ARIA roles | Any |
| DOM interface | HTMLElement |
Attributes
This element only includes the global attributes.
Example
This simple example provides Romaji transliteration for the kanji characters within the <ruby> element:
<ruby> 漢 <rt>Kan</rt> 字 <rt>ji</rt> </ruby>
body {
font-size: 22px;
}
The output looks like this in your browser:
On a browser without ruby support, this example might look like this:
漢 Kan 字 ji
body {
font-size: 22px;
}
Specifications
| Specification | Status | Comment |
|---|---|---|
| HTML Living Standard The definition of '<rt>' in that specification. |
Living Standard | |
| HTML5 The definition of '<rt>' in that specification. |
Recommendation |
Browser compatibility
| Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic support | 5 | No | 38 | 5 | 15 | 5 |
| Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| Basic support | Yes | Yes | No | 38 | 15 | Yes | Yes |