How to display text ruby annotation in HTML5?



Use the <rt> tag to display text ruby annotation. The HTML5 <rt> tag is used for pronunciation of character in ruby annotations. These are for showing pronunciation of East Asian characters.

Example

You can try to run the following code to display text ruby annotation −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Rt Tag</title>
   </head>
   <body>
      <ruby>
         漢 <rp>(</rp><rt>Kan</rt><rp>)</rp>
         字 <rp>(</rp><rt>ji</rt><rp>)</rp>
      </ruby>
   </body>
</html>

Advertisements