<ruby> - ルビホームページ制作京都｜ホームページ作成のリュウム

ＷＥＢ用語(N)

<ruby> - ルビ

概要

形式	<ruby>～</ruby>
サポート	e5～
タグの省略	開始タグ：必須、終了タグ：必須
包含可能要素	rb / rp / rt

説明

ルビをふります。使用例を参照してください。<rb> はルビをふる対象（Ruby Base）を、<rt> はルビ文字列（Ruby Text）を指定します。<rp> は、<ruby>未対応ブラウザでの表示が「紫陽花あじさいが咲いてます。」となってしまわないための括弧（Ruby Parentheses）を指定します。</rb>、</rt>、</rp> および、<rb> は省略可能です。

このタグは日本から W3C に提案されて審議されていたものを IE5.0 が実装したものです。仕様自体は 2001年5月31日に W3C の勧告になっています。→ http://www.w3.org/TR/ruby/

IE5.0 の唯一の追加タグ群ですが、IE5.0 のHTMLリファレンスマニュアルには <rb> と<rp> の記述がありません。<rp> は一応動作するようですが、<rb> は本当にサポートしていない（<rb>にスタイルシートを指定しても適用されない）ようです。

属性

【一般属性】

属性	意味
class=class	e5。クラスを指定します。
dir=dir	e5。文字の表示方向を指定します。
id=id	e5。IDを指定します。
lang=lang	e5。言語を指定します。
style=style	e5。スタイルシートを指定します。
title=title	e5。タイトルを指定します。
IE拡張属性	他にもIEで拡張された属性が指定可能です。

使用例

HTMLソース
<ruby> <rb>紫陽花</rb> <rp>(</rp> <rt>あじさい</rt> <rp>)</rp> </ruby> が咲いてます。

ブラウザ表示例（対応ブラウザの場合：模倣）
あじさい紫陽花が咲いてます。

ブラウザ表示例（未対応ブラウザの場合）
紫陽花 ( あじさい ) が咲いてます。