Blankego's Humble Home
Tags:

用RUBY元素給漢字加上注音

效果:

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

yuè,與人樂樂,孰樂?

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

實現:

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