The HTML <ruby>
element represents a ruby annotation. Ruby annotations are for showing pronunciation of East Asian characters.
Content categories | Flow content, phrasing content, palpable content. |
---|---|
Permitted content | Phrasing content. |
Tag omission | None, both the starting and ending tag are mandatory. |
Permitted parents | Any element that accepts phrasing content. |
Permitted ARIA roles | Any |
DOM interface | HTMLElement |
Attributes
This element only includes the global attributes.
Examples
Example 1: Character
<ruby> 漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp> </ruby>
Example 2: Word
<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>
Specifications
Specification | Status | Comment |
---|---|---|
WHATWG HTML Living Standard The definition of '<ruby>' in that specification. |
Living Standard | |
HTML5 The definition of '<ruby>' in that specification. |
Recommendation |
Browser compatibility
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 5.0 | (Yes) | 38 (38) | 5.0 | No support | 5.0 |
Feature | Android | Chrome for Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|---|
Basic support | (Yes) | (Yes) | (Yes) | 38.0 (38) | (Yes) | (Yes) | (Yes) |
See also
Document Tags and Contributors
Tags:
Contributors to this page:
sideshowbarker,
houhr,
Pokechu22,
erikadoyle,
Sebastianz,
Andrew_Pfeiffer,
mkato,
kscarfone,
alispivak,
tregagnon,
Sheppy,
SaschaNaz,
ethertank,
teoli,
medicdude,
jswisher,
avsaro
Last updated by:
sideshowbarker,