ClickStart logoHTML5 to the point

Adding pronunciation guides

You can use the ruby, rp, and rt elements to add pronunciation guides to content.

Element

Description

ruby

An inline element that contains a ruby annotation.

rt

The ruby text (i.e., the pronunciation annotations).

rp

Parentheses around the ruby text (rt). The rp tag is included so that the ruby text is enclosed in parentheses when displayed inline by non-supporting browsers.

‘Ruby’ was the British typographical name for type with a height of 5.5 pts. For a list of type names, see en.wikipedia.org/wiki/Point_ (typography)#Traditional_point-size_names.

Screenshot

Code

Ferdinand <ruby>Porsche<rp>(</rp><rt></rt><rp>)</rp></ruby> also designed the original Volkswagen Beetle.

Example

Ferdinand Porsche (pɔʁʃə) also designed the original Volkswagen Beetle.