<ruby>
<rb>振り仮名を付ける対象文字</rb>
<rp>振り仮名を囲む記号</rp>
<rt>ふりがな</rt>
<rp>振り仮名を囲む記号</rp>
</ruby>
<rb>振り仮名を付ける対象文字</rb>
<rp>振り仮名を囲む記号</rp>
<rt>ふりがな</rt>
<rp>振り仮名を囲む記号</rp>
</ruby>
要素名 | 属性名 | 説明 | 非推奨 | 必須属性 |
---|---|---|---|---|
ruby | 振り仮名を付ける | |||
class | クラス名 | |||
id | ID名 | |||
title | 補足情報 | |||
style | スタイルシート | |||
lang | 言語コード | |||
dir | 文字表記の方向 |
ruby要素は、<ruby></ruby>で囲まれた範囲の文字列に振り仮名をふります。ルビに関する要素は、
すべてこの範囲の中に配置します。指定方法は、<rb></rb>の範囲に、振り仮名を付ける対象の文字列を、
<rt></rt>の中に、実際に表示する振り仮名を、その<rt>要素の前後に、表示される振り仮名を囲む
括弧などの記号を、<rp></rp>の中に指定し、全体を、ruby要素で囲みます。
rp要素で指定する括弧などの記号は、rp要素未対応のプラウザで表示される内容です。対応している
プラウザでは、rp要素の記号は、無視されます。
なお、rp要素は、HTML4.01の規格外の要素です。対応プラウザは、IEだけです。(rp要素は、XHTML1.1の規格です。)
Sample
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>文字列に振り仮名を付ける。</title>
</head>
<body text="black" bgcolor="#FFF8DC">
<ruby>
<rb>日光東照宮</rb>
<rp>(</rp>
<rt>にっこうとうしょうぐう</rt>
<rp>)</rp>
</ruby>
は栃木県日光市にある神社。江戸幕府初代将軍徳川家康を神格化した東照大権現を祀る。
</body>
</html>
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>文字列に振り仮名を付ける。</title>
</head>
<body text="black" bgcolor="#FFF8DC">
<ruby>
<rb>日光東照宮</rb>
<rp>(</rp>
<rt>にっこうとうしょうぐう</rt>
<rp>)</rp>
</ruby>
は栃木県日光市にある神社。江戸幕府初代将軍徳川家康を神格化した東照大権現を祀る。
</body>
</html>
Internet Explorer8での表示例
