Open In App

HTML5 <ruby> Tag

Last Updated : 27 Aug, 2024
Comments
Improve
Suggest changes
Like Article
Like
Report

The <ruby> tag in HTML is used to specify the ruby annotation which is a small text, attached with the main text to specify the meaning of the main text. This kind of annotation is used in Japanese publications.

Syntax: 

<ruby attributes> Contents... </ruby>

Note: <ruby> tag contains two other tags which are listed below: 

  • <rt> tag: It is used to describe the explanation of main text on top of the main text.
  • <rp> tag: It is optional which is used to specify the information which need to show when browsers are not supported ruby annotations.


Example: In this example, we are using the <ruby> tag, which pairs text with a pronunciation guide using the <rt> tag, rendering "GeeksforGeeks" as a ruby annotation for "GFG".

HTML
<!DOCTYPE html>
<html>

        <body>

            <h1>GeeksforGeeks</h1>
            <h2>&lt;ruby&gt; Tag</h2>
            <!-- html ruby tag is used here -->
            <ruby>GFG<rt>GeeksforGeeks</rt></ruby>
            
        </body>

</html>  

Output: 
 


Supported Browsers: 


Next Article

Similar Reads