[Computer] 替文字加上拼音

在「華語文教學分享館」看到一篇HEMiDEMi書籤：Pinyin Tooltips，就自己動手實驗看看。

原本的文字：漢語拼音
加上拼音：　漢語拼音

HTML原始碼：＜span style="BORDER-BOTTOM: #00aaff 1px dotted; cursor:default;" title="hànyǔ pīnyīn"＞漢語拼音＜/span＞


也可以加上注音符號

原本的文字：注音符號
加上注音：　注音符號
HTML原始碼： ＜span style="BORDER-BOTTOM: #00aaff 1px dotted; cursor:default;" title="ㄓㄨˋ　ㄧㄣ　ㄈㄨˊ　ㄏㄠˋ"＞注音符號＜/span＞
===========================
這個技巧說穿了，就是利用CSS把拼音或注音寫在＜span＞這個標籤的屬性當中罷了。不過拼音的字有點小，看不清調號，是這種方法的缺點。
另外，Pinyin Tooltips裡面介紹的Pinyin to Unicode Conversion轉換會有錯誤，也無法判別 ū 和 ǔ 的差別，使用時須注意。