Using HTML <rt> Tags for Ruby Text

Ruby Text: Main Tips

• <rt> tags define ruby text. They must be placed within <ruby> tags.
• You may use it as a pronunciation guide for East Asian characters, as there are multiple options for a lot of them.
• The rt tag has been introduced in HTML5, along with the other ruby text characters (<ruby> and <rp>).
• Global attributes are supported.

Pros

• Easy to use with a learn-by-doing approach
• Offers quality content
• Gamified in-browser coding experience
• The price matches the quality
• Suitable for learners ranging from beginner to advanced

Main Features

• Free certificates of completion
• Focused on data science skills
• Flexible learning timetable

GET 50% OFF

Pros

• Simplistic design (no unnecessary information)
• High-quality courses (even the free ones)
• Variety of features

Main Features

• Nanodegree programs
• Suitable for enterprises
• Paid Certificates of completion

UP TO 70% OFF

Pros

• A wide range of learning programs
• University-level courses
• Easy to navigate
• Verified certificates
• Free learning track available

Main Features

• University-level courses
• Suitable for enterprises
• Verified certificates of completion

FREE COURSES

Using rt HTML Tags

HTML <rt> tags define ruby text elements:

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

Ruby text is displayed in smaller font above the Chinese, Japanese, or Korean characters. It is a hint to the correct pronunciation. Some characters have multiple pronunciation options that affect meaning as well.

Note: ruby text elements can contain inline elements. However, they cannot have <ruby> elements as their descendants.

Browser support

Chrome

5+

Edge

-

Firefox

38+

IE

5+

Opera

15+

Safari

5+

Mobile browser support

Chrome

All

Firefox

38+

Opera

14+

Safari

All