HTML <ruby> Tag


Example

A ruby annotation:

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

Try it Yourself »

Definition and Usage

The <ruby> tag specifies a ruby annotation.

Ruby annotations are used for East Asian typography, to show the pronunciation of East Asian characters.

Use the <ruby> tag together with the <rt> and/or the <rp> tags: 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 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 Not supported 5.0 15.0


Differences Between HTML 4.01 and HTML5

The <ruby> tag is new in HTML5.


Global Attributes

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


Event Attributes

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



Color Picker

colorpicker