1.1 ルビとは何か

ルビ (ruby) とは、ベーステキスト と呼ばれる別のテキスト並びに結び付けられたテキスト並びである。ルビテキストは、結び付けられた先のベーステキストについての短い注釈をつけるために使われる。読みがな (発音ガイド) をつけるために使われることが最も多い。ルビ付注は、日本では、書籍や雑誌を含め、多種の出版物で頻繁に使われる。ルビは、中国でも、特に学校教科書で使われる。

ルビテキストは、小さめの活字を用いて、ベーステキストの脇に表されるのが普通である。「ルビ」という名前は、実は、イギリス印刷業界での 5.5 ポイント活字サイズの名前に由来する。これは、一般に地のテキストに使われる 10 ポイントの活字サイズの約半分である。図 1.1 は、ベーステキストとしての表意文字 (漢字) 3個と、 読みがなを与える平仮名6個 (しんかんせん - 日本の弾丸列車) とがある用例である。

東アジアの印刷術は、西洋の印刷術には見られない多様な特徴を発達させている。これらのほとんどは、CSS や XSL といったようなスタイルシート言語を用いて適切に扱うことができる。しかしながら、ベーステキストとルビテキストとの間の結び付きを定義するには、追加のマークアップが必須である。

この仕様書は、特別な迂路やグラフィックスを使わなくとも、ウェブ上でルビを利用できるよう、そうした、XHTMLと一緒に使えるよう設計されたマークアップを定義するものである。この仕様書は、ほとんどの読者がマークアップを理解しやすくなるよう、実際のレンダリング例を与えているけれども、そうした用例はすべて参考にすぎない。この文書は、表現やスタイリングのためのメカニズムを規定するものではない。これは、それぞれのスタイルシート言語の受け持ち部分である。

ときには、同じベーステキストに2つ以上のルビテキストが結び付けられることがある。同じベーステキストについて意味と読みがなとの両方を示すというのが典型的な例である。そうした場合には、ルビテキストがベーステキストの両側に出現してもよい。ベーステキストの前側にあるルビテキストは、読みがなを示すことが多い。ベーステキストの後側にあるルビテキストは、意味を示すことが多い。図 1.2 は、平仮名を用いた読みがなとラテン文字とを与える2個のルビテキストを有するベーステキストの例を示している。

さらに、以下の例のように、ベーステキストのうち別々の、しかし重なり合う部分にそれぞれのルビテキストを結び付けてもよい。

この例では、ベーステキストは "10 31 2002" という日付である。一方のルビテキストは、"Expiration Date" というフレーズである。このルビテキストは、ベーステキスト全体に結び付けられている。もう一方のには、"Month", "Day", "Year" という3つの部分がある。各部分が、ベーステキストのうちの異なる部分に結び付けられている。"Month" は "10" に結び付けられ、"Day" は "31" に結び付けられ、"Year" は "2002" に結び付けられるのである。

1.2 ルビマークアップの概観

この仕様書で定義されるマークアップは、上記のケースの全て、すなわち同じベーステキストに1個または2個のルビテキストが結び付けるマークアップと、ベーステキストの構成部分にルビテキストの部分文字列を結び付けるマークアップとをカバーするよう設計されている。

ルビマークアップには、単純ルビマークアップと呼ばれるものと複雑ルビマークアップと呼ばれるものとの2つの変種がある。単純ルビマークアップは、ベーステキストの並び1個を、単一のルビテキストに結び付けるものである。単純ルビマークアップは、ルビマークアップを知らない (古めの) ブラウザがルビテキストを表示できるよう、バックアップメカニズムを指定することもできる。複雑ルビマークアップは、1個のベーステキストに2個のルビテキストを結び付けることができ、ベーステキストやルビテキストの構成部分の間にさらにきめ細かい結び付きを定義することができる。しかしながら、複雑ルビマークアップは、ルビマークアップを理解しないブラウザのためのバックアップメカニズムを用意することができない。

この節は、この仕様書で定義されるルビを表すためのマークアップの概観を与える。完全な形式面定義は第2節で見ることができる。

<ruby>
  <rb>WWW</rb>
  <rt>World Wide Web</rt>
</ruby>

<ruby>
  <rb>WWW</rb>
  <rp>(</rp><rt>World Wide Web</rt><rp>)</rp>
</ruby>

<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>

3.1 ウェブ上のルビ vs. 伝統的印刷術での用法

日本語の「ルビ」という用語は、ベーステキストの脇に視覚的にレンダリングされたテキストを表すためにのみ用いられる。そうした場合についての考慮事項は、第3節2 (フォントサイズ), 第3節3 (ポジショニング), 第3節4 (ルビマークアップの表現) に与えられている。この種の表現は、可能な限りどこででも用いられるべきである。しかしながら、ルビをウェブに導入することにより、伝統的な印刷術には存在しない現象や問題に至ることがある。この仕様書で定義されているように、ルビを表す構造的マークアップは、ルビテキストがつねにベーステキストの脇にレンダリングされることを保証することができない。XHTMLでマークアップされた文書のための出力デバイスは、現在も将来も、とても広く多様なものがある。以下は、いろいろなレンダリングについて考えられるシナリオと理由である。

• 音声ブラウザや点字ユーザエージェントといった非視覚的ユーザエージェントでは、シーケンシャルな読み取りだけが可能である。非視覚的レンダリングに関する詳しい考慮事項については、第3節5を見ること。
• 解像度の低い表示デバイスでは、ルビテキストを一般的なサイズで表示することに無理があることがある。バックアップメカニズムを用いてもよい。さらなる詳細については第3節6を見よ。
• 教育目的では、場合によっては、ルビテキストを隠した上でポップアップとして利用できるようにするのがおもしろいかもしれない。これは紙の上では不可能であるが、動的な表示デバイスでは容易に実現可能である。

3.2 ルビテキストのフォントサイズ

典型的な利用法では、ルビテキストのフォントサイズは、ベーステキストのサイズの約半分というのが普通である。実際、「ルビ」という名前は、イギリス印刷業界での 5.5 ポイント活字サイズの名前に由来するものである。これは、一般に地のテキストに使われる 10 ポイント活字サイズの約半分である。

3.3 ルビテキストのポジショニング

ベーステキストを基準として、ルビテキストが出現できる位置はいくつかある。東アジアのテキストは、縦組みにも横組みにもレンダリングされるから、ここでは、「上側」「下側」や「右側」「左側」という用語よりも、「前側 (before)」「後側 (after)」という用語を用いる。「前側」「後側」という言葉は、ベーステキストを包含する行の「前側」/「後側」として理解されるべきでものである。以下のテーブルに対応関係を示す。

ルビテキストは、ベーステキストの前側におかれるのがほとんどである (図 1.1 および図 3.2 を見よ)。ときには、特に縦組みの教育用の文書では、ルビテキストがベーステキストの後側、すなわち下側に出現することがある (図 3.1 を見よ)。中国語では、ベーステキストの後側にピンインのルビテキストが出現するのがむしろ一般的である。また、ルビテキストは、縦組みレイアウトのベーステキストの後側に出現することもある (図 3.3 を見よ)。これらすべての場合で、ルビテキストの筆記方向はベーステキストの筆記方向と同じ、すなわち、ベーステキストが縦組みならば縦組み、ベーステキストが横組みならば横組みである。

伝統的な中国語のテキストでは、横組みレイアウトの中であっても、「ボポモフォ」ルビテキストが、ベーステキストの右側に出現することができる。

ボポモフォの声調記号 (上記の例ではわかりやすいよう赤色で示した。) は、別のコマ (ボポモフォルビテキストの右側) にあるように見え、そのため「ルビのルビ」と見られることもあるので注意すること。しかしながら、これはルビテキストの一部としてエンコードされているにすぎない。このエンコードの詳細については、この文書では扱わない。

3.4 ルビマークアップの表現

この仕様書は、ルビマークアップがどのように表示されるかを解説するものではない。ルビマークアップの正確な挙動を規定するには、一般的にはスタイルシートが使われることになる。

スタイルシートがスタイリングを適用できるようにするため、あるいは他のメカニズムがルビテキストを適切にレンダリングするため、各構成部分の機能に関する情報が十分に提供されることがとても重要である。以下の例は、スタイルシートがルビテキストの正確な表現を定義できるよう、class 属性の用い方を示したものである。読みがなを示すルビテキストを表すのには "reading" というクラスが用いられる。注釈のために使われるルビテキストを示すのには "annotation" というクラスが用いられる。xml:lang 属性は、テキストの言語を示す。

<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>

横組みテキストを規定し、ベーステキストの前側に読みがなをレンダリングし、ベーステキストの後側に注釈をレンダリングするスタイルシートを用いると、上記のマークアップはこのようにレンダリングすることができる。

3.5 非視覚的レンダリングのための考慮事項

場合によっては、ルビマークアップを含んでいる文書が、音声ブラウザや点字ユーザエージェントといったような非視覚的ユーザエージェントでレンダリングされる必要があるかもしれない。そうしたレンダリングシナリオにとっては、つぎのことを理解することが重要である。

• ユーザや状況によって、適切なレンダリング方法が違うことがある。
• 読みがなを表すルビテキストは、他の情報を包含するルビテキストとは違った扱いをしなければならないことがある。
• 適切な非視覚的レンダリングのためには、ルビテキストごとの機能を示すことが重要である。
• ルビテキストで示された読みと実際の発音との間に幾つかの違いがあることがよくある。
• 読者は、(表意文字の) ベーステキストについての情報を得ることに関心があることがある。

ユーザの必要に応じて、とても高速な「斜め読み」から、とても注意深く丹念な読み上げまで、テキストの読み上げ方が違うことがある。このため、非視覚的レンダリングにおけるルビテキストの扱いも、速読ではルビテキストを飛ばすし、精読ではルビ構造や、使われている実際のキャラクタを詳細に検討するというように、違ってくることがある。

ルビテキストが読みがなを表す場合はよくあるが、この場合にベーステキストとルビテキストとの両方をレンダリングすると、煩わしい重複を生じることがある。音声合成装置は、大規模な辞書に基づいてベーステキストを正確に発音できるのでもよいし、そうでなければ、ルビテキストによって与えられた読みがなに基づいて正しい発音を選択できるのでもかまわない。

すべてのルビテキストが発音を表しているわけではない。制作者は、いろいろな目的のために用いられているルビテキストを、class 属性を用いて区別するべきである。これは、上記では、読みがなを示すのに使われているルビテキストには class="reading" を使って示されている。

読みがなを示すルビテキストが、一見すると完全に発音通りのように見える場合でも、正確な発音を生み出さないことがある たとえば、ボポモフォは、ベーステキストのキャラクタそれぞれに独立に結び付けられる。文脈依存的な音や声調の変化は反映されないのである。同様に、日本語では、助詞の「は」を用いて「わ」と発音させたり、母音を用いて長音を示すといったように、綴り字の例外が起こりうる。そうした場合に備えて、制作者は、その発音を表すよう設計された特殊なマークアップを用いて実際の発音を補いたいと思ってもよいし、音声レンダリングシステムがそうしたケースを正確に処理できることに信頼してもかまわない。

3.6 rp 要素の代用品

制作者が、ルビマークアップを知らず、CSS2 [CSS2] や XSL [XSL] のスタイルシートもサポートしないユーザエージェントのための善後策について関心がないのであれば、rp 要素は不要である。

にもかかわらず、たとえばデバイスの解像度が伝統的なルビレンダリングに適していないならば、善後策としてのルビテキストを強調することが可能である。[CSS2] を用いると、以下のスタイル断片の例のように、:before および :after 擬似要素 ([CSS2], section 12.1) とともに 'content' プロパティ ([CSS2], section 12.2) を用いて、括弧を生成することができる。

rt:before { content: "(" }
rt:after { content: ")" }

上記の例では、rt 要素の周囲に自動的に括弧が生成されることになる。上記のスタイルルールは、ルビテキストをインラインにポジショニングするスタイルシートとともに用いられる。XSLT [XSLT] では、括弧の生成は素直である。