在對日文漢字標註假名時,<ruby>元素是不是一個好的解決方案?

當我們需要在網頁中呈現類似類似給漢字標註假名、拼音等時,W3C為我們提供了&元素:

&
漢 &(&&han&&)&
字 &(&&zi&&)&
&

&
明日 &(&&あした&&)&
&

&早在2001年就被提出,但是似乎一直不溫不火。直到現在還沒有正式被寫入標準。瀏覽器支持上,在主流瀏覽器中,Firefox和Opera暫不支持。

在實際使用中,還有幾個問題:

1. 注音工作過於繁瑣:

這個似乎無法避免,不知有沒有相應的詞庫?

2. 當選擇、複製一部分使用了&標記的文本時,會將注音符號也一併加入剪貼板,再次粘貼下來會造成混亂:

這個或許可以尋求CSS中 user-select 屬性幫助?


今天就可以用了:az — 用萌典半自動為漢字標音

手動選好的版本:

https://az.hanzi.co/#%E7%9B%B4%E5%88%B0%E7%8E%B0%E5%9C%A8%E8%BF%98%E6%B2%A1%E6%9C%89%E6%AD%A3%E5%BC%8F%E8%A2%AB%E5%86%99%E5%85%A5%E6%A0%87%E5%87%86%E3%80%82%E6%B5%8F%E8%A7%88%E5%99%A8%E6%94%AF%E6%8C%81%E4%B8%8A%EF%BC%8C%E5%9C%A8%E4%B8%BB%E6%B5%81%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%AD%EF%BC%8CFirefox%E5%92%8COpera%E6%9A%82%E4%B8%8D%E6%94%AF%E6%8C%81%E3%80%82/21000000004


可能沒什麼關係,但有個類似的給日語標假名的網站

Hiragana Megane (How to Read Japanese)


推薦閱讀:

如果是想學HTML5遊戲開發,技能樹怎麼點?
做H5頁面用什麼軟體比較好?
HTML5 到底是什麼?
html5跟html的區別?
為什麼 360 瀏覽器會成為最後一家放棄 IE 默認內核的瀏覽器?

TAG:HTML5 | 中文排版 |