HTML5 <ruby> Tag


A ruby annotation:

漢 <rt> ㄏㄢˋ </rt>

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.