ruby (HTML element)
| Depr. | Empty | Version |
|---|---|---|
| No | No | XHTML 1.1 |
| IE5.5+ | FF2 | Saf3 | Op9.5 |
|---|---|---|---|
| Partial | None | None | None |
Example
Here’s an example of
ruby in action:
<p> <ruby> <rb>家辺 勝文</rb> <rt>liaison</rt> </ruby> </p>
- Type
- inline element
- Contains
rb,rt,rp,rbc,rtc- Contained by
- block-level elements, inline elements
Description
The ruby
element provides a mechanism for annotating characters of East Asian
languages (Japanese, Chinese, Korean, and so on). Typically, these
annotations appear in a smaller typeface above or beside the regular text,
as Figure 1 shows.
The ruby element contains rb and rt elements, which relate to ruby
base text, and the annotation for that base text, respectively. The
ruby element may also contain the rp element (ruby parentheses) which is used to provide some
visual help for non ruby-supporting browsers.
Use This For …
This element is used to provide help with users’ pronunciation of obscure characters, or as a language learning aid.
Compatibility
| IE | 5.5 | Partial |
|---|---|---|
| 6.0 | Partial | |
| 7.0 | Partial | |
| Firefox | 1.0 | None |
| 1.5 | None | |
| 2.0 | None | |
| Safari | 1.3 | None |
| 2.0 | None | |
| 3.0 | None | |
| Opera | 9.2 | None |
| 9.5 | None |
Only Internet Explorer offers any support for
text marked up using ruby at this time. Other browsers
ignore the markup and display the ruby text in the order in which it
appears in the source.
User-contributed notes
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.
