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 StandardThe definition of '<rt>' in that specification. | Living Standard | |
HTML5The 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.
Update compatibility data on GitHub
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
See also
<rt>: The Ruby Text element by Mozilla Contributors is licensed under CC-BY-SA 2.5.