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




ruby tag in html

Learn html - html tutorial - ruby tag in html - html examples - html programs

  • <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

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×