Easy Tutorial
❮ Av Event Loadedmetadata Att Track Srclang ❯

HTML <ruby> Tag

Example

A ruby annotation:

<ruby>
  Han <rp>(</rp><rt>Han</rt><rp>)</rp>
  zi <rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby>

Browser Support

IE 9+, Firefox, Opera, Chrome, and Safari support the <ruby> tag.

Note: IE 8 or earlier versions of IE do not support the <ruby> tag.


Definition and Usage

The <ruby> tag specifies a ruby annotation (for East Asian typography).

It is used in East Asia to display the pronunciation of East Asian characters.

Use the <ruby> tag together with the <rt> and <rp> tags:


Differences Between HTML 4.01 and HTML5

The <ruby> tag is new in HTML5.


Global Attributes

The <ruby> tag supports HTML's global attributes.


Event Attributes

The <ruby> tag supports HTML's event attributes.

❮ Av Event Loadedmetadata Att Track Srclang ❯