index.md

title	slug	page-type	browser-compat
<rt>: The Ruby Text element	Web/HTML/Element/rt	html-element	html.elements.rt

{{HTMLSidebar}}

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 {{HTMLElement("ruby")}} element.

{{EmbedInteractiveExample("pages/tabbed/rt.html", "tabbed-shorter")}}

See the article about the {{HTMLElement("ruby")}} element for more examples.

Attributes

This element only includes the global attributes.

Examples

Using ruby annotations

This simple example provides Romaji transliteration for the kanji characters within the {{HTMLElement("ruby")}} element:

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

body {
  font-size: 22px;
}

Result

{{EmbedLiveSample("Using_ruby_annotations", 600, 60)}}

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 {{HTMLElement("rp")}} element, or if there is no more content in the parent element
Permitted parents	A {{HTMLElement("ruby")}} element.
Implicit ARIA role	No corresponding role
Permitted ARIA roles	Any
DOM interface	{{domxref("HTMLElement")}}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{HTMLElement("ruby")}}
• {{HTMLElement("rp")}}
• {{HTMLElement("rb")}}
• {{HTMLElement("rtc")}}
• {{CSSXRef("text-transform", "text-transform: full-size-kana")}}