HTML5 <ruby> Tag

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:

Explore