Tutorialspoint.dev

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 support ruby annotations.

Example:

<!DOCTYPE html> 
<html
    <head
        <title>ruby tag</title>
        <style>
            body {
                text-align:center;
            }
            h1 {
                color:green;
            }
        </style>
    </head
    <body
        <h1>GeeksforGeeks</h1>
        <h2><ruby> Tag</h2>
        <ruby>GFG<rt>GeeksforGeeks</rt></ruby>
    </body
</html>                                                 

Output:

Supported Browsers: The browser supported by <ruby> tag are listed below:

  • Safari 5.0
  • Google Chrome 5.0
  • Firefox 38.0
  • Opera 15.0
  • Internet Explorer 5.5


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter