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 |
---|---|---|
HTML Living Standard The definition of '<ruby>' in that specification. |
Living Standard | |
HTML5 The definition of '<ruby>' in that specification. |
Recommendation |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 5 | Yes | 38 | 5 | 15 | 5 |
Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic support | Yes | Yes | Yes | 38 | No | 15 | Yes |
See also
Document Tags and Contributors
Tags:
Contributors to this page:
anton.ingfors,
teoli,
sideshowbarker,
houhr,
Pokechu22,
erikadoyle,
Sebastianz,
Andrew_Pfeiffer,
mkato,
kscarfone,
alispivak,
tregagnon,
Sheppy,
SaschaNaz,
ethertank,
medicdude,
jswisher,
avsaro
Last updated by:
anton.ingfors,