`<rt>` HTML ruby text element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

The <rt> HTML 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.

Try it

<ruby>
  漢 <rp>(</rp><rt>kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

ruby {
  font-size: 2em;
}

See the article about the <ruby> element for more examples.

Attributes

This element only includes the global attributes.

Examples

Using ruby annotations

This example provides Romaji transliteration for the kanji characters within the <ruby> element:

<ruby> 漢 <rt>Kan</rt> 字 <rt>ji</rt> </ruby>

Result

Technical summary

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`

Specifications

Specification
HTML> # the-rt-element>

Browser compatibility

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`rt`	5 Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 347597919.	12	38	15 Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 347597919.	5 Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 265316.	18 Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 347597919.	38	14 Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 347597919.	4.2 Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 265316.	1.0 Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 347597919.	4.4 Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 347597919.	4.2 Nested `<rt>` elements do not render correctly due to missing `display: ruby-text` styling. See bug 265316.

<rt> HTML ruby text element