码迷,mamicode.com
首页 > Web开发 > 详细

ruby(html)

时间:2014-08-30 13:52:49      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:blog   http   使用   strong   ar   2014   div   html   log   

有的时候,我们要给汉字标记拼音,让拼音显示要汉字的上面

<ruby>中国人<rp>(</rp><rt>zhong guo ren</rt><rp>)</rp></ruby>

 效果如图:

bubuko.com,布布扣

 

<ruby> …… ルビをふるbubuko.com,布布扣
bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣bubuko.com,布布扣 bubuko.com,布布扣bubuko.com,布布扣 bubuko.com,布布扣

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

ruby(html)

标签:blog   http   使用   strong   ar   2014   div   html   log   

原文地址:http://www.cnblogs.com/liuhy/p/3930332.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!