HTML: Ruby Tag
Ruby tags are used for pronunciation markup. Mostly used in Japanese.

here's what your browser shows:
漢字, 汉字, 漢字
English Example
Here's what your browser shows:
passé
Here's the HTML code:
<ruby class="ruby44235">passé <rt>/paˈsā/</rt></ruby>
Here's the CSS code:
ruby.ruby44235 {color:green; font-size:2rem} ruby.ruby44235 rt {color:red}
Syntax
ruby
- Markup container. For above-line pronunciation annotation.
rt
- used inside
ruby
, for markup pronunciation rp
- used inside
ruby
, for browsers that do not support the ruby tag.
The 「rp」 Tag
The “rp” tag is used to add parenthesis around the pronunciation symbols for browsers that do not support ruby.
- If the browser does support ruby, then “rp” and its content is ignored.
- If the browser does NOT understand any of the ruby tags, then normally it'll just ignore the tag but display the tag's text content, which results in showing pronunciation inside parenthesis.
Example:
<ruby class="ruby44235"> xyz <rp>(</rp><rt>abc</rt><rp>)</rp> </ruby>
what your browser shows: xyz
Browser Support
As of , browsers that support ruby annotation are: {Google Chrome, Firefox, Safari, IE9}.
As of , browsers that support ruby annotation are: {Google Chrome, Safari, IE9}.