Blankego's Humble Home
Tags:

用RUBY元素給漢字加上注音

效果:

大道之行也,天ㄊ|ㄢ下ㄒ|ㄚˋ為ㄨㄟˊ公ㄍㄨㄥ

獨樂yuè樂lè,與人樂樂,孰樂?

如惡烏路切惡烏各切臭,如好好色。

實現:

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.

blog comments powered by Disqus