用RUBY元素給漢字加上注音
效果:
大道之行也,天下為公
獨樂樂,與人樂樂,孰樂?
如惡惡臭,如好好色。
實現:
CSS:
rt{
font-size:50%;
color: blue;
margin-right: 3px;
border: 1px dotted grey;
}
HTML:
<p>大道之行也,<ruby>天<rt>ㄊ|ㄢ</rt>下<rt>ㄒ|ㄚˋ</rt>為<rt>ㄨㄟˊ</rt>公<rt>ㄍㄨㄥ</rt></ruby></p>
<p> 獨<ruby>樂<rt>yuè</rt>樂<rt>lè</rt></ruby>,與人樂樂,孰樂?<p>
<p> 如<ruby>惡<rt>烏路切</rt>惡<rt>烏各切</rt>臭</ruby>,如好好色。</p>
注意:
<ruby>
與編程語言的 Ruby 無關。這個詞起源日本的印刷術語,當初用來列印振假名的7號活字從英國引進時綽號就叫作ruby,後來逐漸就用ruby代指這種排版時安在正文上頭或旁邊的小字,連中文的注音、拼音之類也包括在內。詳情請參閱維基辭條ルビ.
RT 是 ruby text的縮寫。
此外還有個<rp>
(ruby parenthesis)元素,可以用它給RUBY注音加上括號,以作為不支持ruby text的瀏覽器的fallback.