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

EXCLUSIVE: 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

15% OFF

Pros

• Easy to navigate
• No technical issues
• Seems to care about its users

Main Features

• Huge variety of courses
• 30-day refund policy
• Free certificates of completion

AS LOW AS 14.99$

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