Skip to: content, navigation

by Ian Lloyd

rbc (HTML element)

Spec
Depr. Empty Version
No No XHTML 1.1
Browser support full matrix
IE5.5+ FF2 Saf3 Op9.5
Buggy None None None

Example

Consider this example usage of rbc:

<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
rb
Contained by
ruby

Description

The rbc (ruby base container) element groups a collection of rb elements that will have related annotations in a subsequent rtc container. In the example shown above, which was taken from the W3C documentation, the rbc contains four Japanese characters (the more complex kanji symbols), each of which has its own rb element. Meanwhile, the ruby annotations inside the related rt elements are written in hiragana syllables (known as furigana when used for this purpose). Finally, there’s an English annotation that spans all four of the previous rb and rt elements.

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.

Figure 1. Poor levels of support for rbc and rtc elements Poor levels of support for rbc and rtc elements

Use This For …

This element is used to contain multiple rb (ruby base text) elements in complex ruby annotations.

Compatibility

IE5.5Buggy
6.0Buggy
7.0Buggy
Firefox1.0None
1.5None
2.0None
Safari1.3None
2.0None
3.0None
Opera9.2None
9.5None

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.

Related Reading

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.

Related Products

The Principles of Beautiful Web Design

Best Seller!

You don’t need to go to Art School to design great looking web sites!

Book Cover: The Principles of Beautiful Web Design

Download the FREE sample chapters