HTML <ruby> Tag

<ruby>
 <rb>旧
 <rb>金
 <rb>山
 <rt>jiù
 <rt>jīn
 <rt>shān
 <rtc>San Francisco
</ruby>

The above example demonstrates usage of the <ruby> element.

The <ruby> element allows one or more spans of phrasing content to be marked with ruby annotations.

The <ruby> element must contain one or more of the following:

1. One or more phrasing content nodes or <rb> elements.
2. One or more <rt> or <rtc> elements, each of which either immediately preceded or followed by an <rp> elements.

The above example was borrowed from the W3C example. In this example, a base is annotated twice. The Chinese word for San Francisco (旧金山, i.e. "old gold mountain") is annotated both using pinyin to give the pronunciation, and with the original English.

About Ruby

Ruby (also spelt rubi) characters are small, annotative glosses that can be placed above or to the right of a Chinese 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.