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>;
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>.