HTML 5 <ruby> Tag

The HTML <ruby> tag is used for specifying Ruby annotations, which is commonly used in East Asian typography.

Ruby (also spelt rubi) characters are small, annotative glosses that can be placed above or to the right of a character when writing logographic languages such as Chinese or Japanese to show the pronunciation. Ruby annotations, are usually used as a pronunciation guide for relatively obscure characters.

The <ruby> tag was introduced in HTML 5.


This example demonstrates how to write the <ruby> element into your HTML code. This example is the pinyin for the word "hanzi" ("chinese character") in simplified chinese, as used in mainland china. This example requires that your browser can display Chinese characters.

Note: At the time of writing, the <ruby> element has limited browser support. This example is based on the W3C HTML 5 Working Draft, and is solely to demonstrate the context of this tag.





Element-Specific Attributes



Global Attributes

The following attributes are standard across all HTML 5 tags.


Event Handler Content Attributes


Here are the standard HTML 5 event handler content attributes.
