Skip to main content

<rt>: The Ruby Text element

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​

Browser compatibility​

See also​

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