網頁文字標註注音符號

HTML：<ruby>

• DokuWiki 有 ruby plugin 提供快捷的語法
• 利用將中文轉換到注音文字的工具快速產生注音符號，校正後，再用 regex 產生 DokuWiki 或 HTML 語法

CSS 調整：

（containter）{letter-spacing: 0.5em;}
ruby {text-align: left;}
rt {letter-spacing: 0; font-size: 40%;}

或

（containter）{letter-spacing: 0.2em;}
ruby {text-align: center;}
rt {letter-spacing: 0; font-size: 30%;}

• 轉垂直：writing-mode: verticla-rl;
  • Gecko 系瀏覽器顯示聲調符號有問題，不應該轉 90°
  • Safari 顯示聲調符號還可以