HTML5 <ruby> Tag

Example

A ruby annotation:

<ruby>
漢 <rt> ㄏㄢˋ </rt>
</ruby>

Try it yourself »

Definition and Usage

The <ruby> tag defines a ruby annotation (Chinese notes or characters).

Used in East Asia, to show the pronunciation of East Asian characters.

Use together with the <rt> and/or the <rp> tags:

The ruby element consists of one or more characters (that needs an explanation/pronunciation), and a rt element that gives that information, and optionally a rp element that defines what to show browsers that do not support the "ruby" tag.


Differences Between HTML 4.01 and HTML5

The <ruby> tag is new in HTML5.


Tips and Notes

Note: A browser that supports the "ruby" element will not show the content of a "rp" element.


Standard Attributes

The <ruby> tag also supports the Standard Attributes in HTML5.


Event Attributes

The <ruby> tag also supports the Event Attributes in HTML5.