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