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. |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | Any |
| DOM interface | HTMLElement |
Attributes
This element only includes the global attributes.
Examples
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
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
rt | Chrome Full support 5 | Edge Full support 79 | Firefox Full support 38 | IE Full support 5 | Opera Full support 15 | Safari Full support 5 | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 38 | Opera Android Full support 14 | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
