rtc (HTML element)
Example
Consider this example usage of
rtc:
<ruby xml:lang="ja">
<rbc>
<rb>斎</rb>
<rb>藤</rb>
<rb>信</rb>
<rb>男</rb>
</rbc>
<rtc class="reading">
<rt>さい</rt>
<rt>とう</rt>
<rt>のぶ</rt>
<rt>お</rt>
</rtc>
<rtc class="annotation">
<rt rbspan="4" xml:lang="en">W3C
Associate Chairman</rt>
</rtc>
</ruby>
- Type
- inline element
- Contains
rt- Contained by
ruby
Description
The rtc (ruby
text container) element groups a collection of rt
elements that hold the annotations related to the contents of the rbc container. The example above contains four Japanese
characters (the more complex Kanji symbols), each with its own
rb element, while the ruby annotations inside the
related rt elements are written in hiragana syllables
(known as furigana when used for this purpose). In the example shown
above, which was taken from the W3C documentation, there are two
rtc elements that provide Japanese and English
annotations.
The intended rendering of this code is shown in Figure 1. However, only the first image in the example is behaving—and that’s because it’s a suggested rendering in the W3C documentation. The code’s true rendering is shown in the following two images, which are taken from Internet Explorer and Firefox, respectively.
rbc and
rtc elements
Use This For …
This element is used to
contain multiple rt elements in complex ruby
annotations.
Compatibility
| IE | 5.5 | Buggy |
|---|---|---|
| 6.0 | Buggy | |
| 7.0 | Buggy | |
| 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.

