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".

Output:

👁 Image

Supported Browsers:

• Google Chrome
• Edge
• Firefox
• Opera
• Safari