Annotations above text with the ruby
tag
<ruby>
is an HTML element for annotating words with translations, transcriptions, or notes. It's commonly used for Japanese and Chinese, but it works with any language.
The <ruby>
, <rt>
, and <rp>
elements are part of the Baseline: they are supported by all modern browsers.
Example
html
we usually say <ruby>привет<rp>(</rp><rt>hi</rt><rp>)</rp></ruby> as a greeting
What is <rp>
for?
<rp>
(ruby parentheses) is displayed only in browsers that do not support <ruby>
. It usually contains parentheses around <rt>
to keep the text readable: привет (hi)