HTML RUBY <ruby> Tag

0 3018

The ruby annotation is a clearly new tag included in HTML5 which is included in the webpage and are represented using the <ruby> tag of HTML. The ruby tag in HTML constitutes of small texts which are represented along with the main text to specify how to read a specific character.

A HTML <ruby> tag consists of <rt> and <rp> element embedded among which, the <rt>element is used to represent the actual pronunciation of the page element.

However, the other <rp> element of the tag can be left as an optional element which is only used in case the <ruby> tag is not supported by any browser.

The <ruby> tag is new in HTML5.

Program:

<!DOCTYPE html>
<html>
<head>
    <title>HTML Ruby tag</title>
    <style>
        rt{ font-size: 18px;
            color: blue;
        }
    </style>
</head>
<body>
<h1>Example of ruby tag</h1>
<ruby>
    明日 <rp>(</rp><rt>Dummy</rt><rp>)</rp>
</ruby>
<br>
<ruby>
     大哥<rt>Dummy</rt>
</ruby>
</body>
</html>

Output: