Web Development Course:
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.
rttag has been introduced in HTML5, along with the other ruby text characters (
- Global attributes are supported.
Using rt HTML Tags
<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.
Mobile browser support
HTML5 Tags List: Get to Know the Most Useful Elements
Find HTML5 tags explained and illustrated with beginner-friendly HTML5 examples. Grasp the difference between HTML5 tags & elements and learn to use both!
HTML5 Semantic Tags: What Is Semantic Markup?
HTML5 semantic tags and HTML5 semantic elements: why do you need to write semantic HTML? Start using semantic markup to create HTML5 semantic tags.