<ruby> tag — TutorialBrain

Note/Info The <ruby> tag is a new tag added in HML5.

HTML5 <ruby> tag

The <ruby> tag specifies a ruby annotation to display the pronunciation of languages spoken in countries like China, Hong Kong, Japan, Macau, Mongolia, North Korea, South Korea & Taiwan.

This is an extra information about the meaning of these languages.

A <ruby> tag is often used with <rt> and <rp> tag.

The <rt> tag actually holds the meaning of the pronunciation.

While the <rp> tag is used to show a text to the browser if that browser does not support the ruby annotations.

Syntax:
<ruby>
<rp>(</rp><rt>text…</rt><rp>)</rp>
</ruby>;

Example

<ruby>
 欢迎 <rp>(</rp><rt>Welcome</rt><rp>)</rp>
</ruby>

Default CSS value

NONE

How Browser will display

INLINE.

Difference between HTML4.01, XHTML and HTML5

HTML4	XHTML	HTML5
NA	NA	New tag in HTML5

Attributes used with <ruby> tag

NONE

Note/Info:
It is better to use the <ruby>, <rt> and <rp> tags together.

Global Attributes

The ruby> tag supports Global attributes.

Event Attributes

The <ruby> tag supports Event attributes.

Supporting Browsers

Related Tags

<rt> and <rp>.