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

• 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

100% FREE

Pros

• Professional service
• Flexible timetables
• A variety of features to choose from

Main Features

• Professional certificates of completion
• University-level courses
• Multiple Online degree programs

100% FREE

Pros

• Great user experience
• Offers quality content
• Very transparent with their pricing

Main Features

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

100% FREE

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