The Speed Coding

HTML <ruby> Tag


Example

A ruby annotation:

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

Definition and Usage

The <ruby> tag specifies a ruby annotation.

A ruby annotation is a small extra text, attached to the main text to indicate the pronunciation or meaning of the corresponding characters. This kind of annotation is often used in Japanese publications.

Use <ruby> together with <rt> and <rp>: The <ruby> element consists of one or more characters that needs an explanation/pronunciation, and an <rt> element that gives that information, and an optional <rp> element that defines what to show for browsers that do not support ruby annotations.


Browser Support

The numbers in the table specify the first browser version that fully supports the element.

Element
<ruby> 5.0 5.5 38.0 5.0 15.0

Global Attributes

The <ruby> tag also supports the Global Attributes in HTML.


Event Attributes

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