<rp> …… ルビを囲む記号を指定する![HTML5から追加](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/html5add.gif)
![Internet Explorer5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5.gif)
![Internet Explorer5-mac](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5mac.gif)
![Internet Explorer5.5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i55.gif)
![Internet Explorer6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i6.gif)
![Internet Explorer7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i7.gif)
![Internet Explorer8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i8.gif)
![Internet Explorer9](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i9.gif)
![Google Chrome5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc5.gif)
![Google Chrome6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc6.gif)
![HTML5から追加](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/html5add.gif)
![Internet Explorer5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5.gif)
![Internet Explorer5-mac](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i5mac.gif)
![Internet Explorer5.5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i55.gif)
![Internet Explorer6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i6.gif)
![Internet Explorer7](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i7.gif)
![Internet Explorer8](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i8.gif)
![Internet Explorer9](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_i9.gif)
![Google Chrome5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc5.gif)
![Google Chrome6](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_gc6.gif)
![Safari5](https://htmqcom1.wpengine.com/wp-content/uploads/2024/07/b_s5.gif)
広告
このページでは、HTML5のrp要素を解説しています。
rp要素の最新情報は、以下を参照してください。
<ruby>・<rt>・<rp>は ルビをふる際に使用します。
<rt>はRuby Textの略でルビのテキストを、 <rp>はRuby Parenthesesの略でルビのテキストを囲む括弧等の記号を、それぞれ指定します。
<rt>と<rp>は、<ruby>~</ruby>の中で子要素として使用します。
<rp>~</rp>の内容は、<ruby>タグに対応したブラウザでは無視されます。
<ruby>タグに対応していないブラウザでは、 漢(かん)字(じ) のように表示されます。
■HTML4.01からHTML5へのバージョンアップによる変更点
<ruby>・<rt>・<rp>は、すでにInternet Explorer5以降で先行採用されていますが、HTML5では標準仕様となります。
ただし、Ruby Baseの略でルビをふる対象となる文字本体を示す<rb>は採用されない予定です。
HTML5では、<rb>タグは省略して<ruby>~</ruby>内に直接ルビベースを記述します。
※それぞれの旧ページ:
<RUBY>・
<RB>・
<RT>・
<RP>
■使用例
HTMLソース
<ruby>
漢<rt>かん</rt>
字<rt>じ</rt>
</ruby><br>
<ruby>
漢<rp>(</rp><rt>かん</rt><rp>)</rp>
字<rp>(</rp><rt>じ</rt><rp>)</rp>
</ruby>
↓↓↓
ブラウザ上の表示
漢
字
漢
字
広告