html tutorial - <ruby> Ruby Tag in HTML - html5 - html code - html form



  • <ruby> tag used to define a ruby Annotations which are used in East Asian typography.
  • ruby Annotation is indicated the pronunciation or meaning of the character by a small text over the character.
  • We can use the <ruby> tag along with <rt> tag and <rp> tag.
  • <ruby> tag supports Global Attributes and Event Attributes.
  • <ruby> tag belongs to Flow content, phrasing content and palpable content.

Syntax for <ruby> tag:

<ruby>
    <rt><rp>(</rp>Content<rp>)</rp></rt>
</ruby>

Difference between HTML 4.01 and HTML 5 for <ruby> tag:

HTML 4.01

  • HTML 4 does not support <ruby> tag.

HTML5

  • <ruby> tag is new in HTML5.

Sample Coding for <ruby> tag:

Tryit<!DOCTYPE html>
<html>
    <head>
        <meta charset=”UTF-8”>
        <title>Wikitechy ruby tag</title>
    </head>
    <body>
        <ruby><rt>kan</rt><rt><rp>(</rp>ji<rp>)</rp></rt>
        </ruby>
    </body>
</html>

Code Explanation for <ruby> tag:

<ruby> Tag Code Explanation

  1. <ruby> tag is used to specify ruby annotation.
  2. <rt> tag used to describe the pronunciation information for the word.
  3. <rp> tag used to define what to show for browsers that does not support ruby annotations.

Output for <ruby> tag:

<ruby> Tag Output

  1. The output shows the Ruby annotation.

Browser Support for <ruby> tag in HTML:

5.0 5.5 38.0 5.0 15.0

Related Searches to ruby tag in html