UA Research

テスト3:ruby要素

手順

ルビをどう読み上げるのかをテストします。rubyをサポートする環境でテストしてください.

テスト

東女 ( とんじょ )
TV ( テレビ )
UA ( ユーザーエージェント ) ウェブブラウザ
10 31 2002 Month Day Year Expiration Date
斎藤 信男 さいとう のぶお W3C Associate Chairman

ソース

<ruby>
<rb>東女</rb>
<rp>(</rp>
<rt>とんじょ</rt>
<rp>)</rp>
</ruby>

<hr />

<ruby>
<rb>TV</rb>
<rp>(</rp>
<rt>テレビ</rt>
<rp>)</rp>
</ruby>

<hr />

<ruby>
<rbc>
<rb>UA</rb>
</rbc>
<rp>(</rp>
<rtc>
<rt>ユーザーエージェント</rt>
</rtc>
<rp>)</rp>
<rtc>
<rt>ウェブブラウザ</rt>
</rtc>
</ruby>

<hr />

<ruby>
<rbc>
<rb>10</rb>
<rb>31</rb>
<rb>2002</rb>
</rbc>
<rtc>
<rt>Month</rt>
<rt>Day</rt>
<rt>Year</rt>
</rtc>
<rtc>
<rt rbspan="3">Expiration Date</rt>
</rtc>
</ruby>

<hr />

<ruby>
<rbc>
<rb>斎藤</rb>
<rb>信男</rb>
</rbc>
<rtc class="reading">
<rt>さいとう</rt>
<rt>のぶお</rt>
</rtc>
<rtc class="annotation">
<rt rbspan="2" xml:lang="en">W3C Associate Chairman</rt>
</rtc>
</ruby>

結果

ルビ要素をどう読み上げるのか確認します。