HTML <rt>

Hani_Al-Azzawi's avatar
Published Jul 19, 2023
Contribute to Docs

The <rt> semantic HTML element represents the ruby text component of a ruby annotation, which provides translation, pronunciation, or transliteration information for East Asian typography. The <rt> element must be used within a <ruby> element at all times.

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.
    • Beginner Friendly.
      7 hours

Example

The following example provides a basic implementation of the tag illustrating a Romaji transliteration for the ‘kenjutsu’ characters within the <ruby> element:

<ruby> 剣 <rt>ken</rt> 術 <rt>jutsu</rt> </ruby>

Which yields the following result:

kenjutsu

All contributors

Contribute to Docs

Learn HTML on Codecademy

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.
    • Beginner Friendly.
      7 hours