Skip to content
Related Articles

Related Articles

HTML5 | <ruby> Tag
  • Difficulty Level : Basic
  • Last Updated : 18 Jul, 2019

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:

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

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :