MENU
  1. ホーム
  2. HTML
  3. ruby要素

ruby要素

HTML
2023.07.30

ruby要素は、日本語のルビを表し漢字にふりがなを振る要素になります。

ruby要素に関しての説明図
ruby要素
記法

<ruby><rb>漢字</rb><rt>ふりがな</rt></ruby>
　rb要素 : ルビを振る対象
　rt要素 : ふりがな 

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ruby要素に関して</title>
  </head>

  <body>
    <h1>難解漢字</h1>
    <p>
      <ruby><rb>仙人掌</rb><rt>サボテン</rt></ruby>
    </p>
    <p>
        <ruby>
            <rb>亜</rb><rt>ア</rt>
            <rb>爾</rb><rt>ル</rt>
            <rb>然</rb><rt>ゼン</rt>
            <rb>丁</rb><rt>チン</rt>
　　　　</ruby>
    </p>
  </body>
</html>
出力結果
ruby要素に関して

難解漢字

仙人掌サボテン

亜ア 爾ル 然ゼン 丁チン

HTML