在打報告、履歷等純日語文章的時候，有時我們會希望能在日語漢字旁添加假名，像是較少見的人名、地名、單字都很適合標註假名，又或是在閱讀NHK NEWS WEB EASY等網站也會將假名全物標註，方便讀者瞭解讀音。但這些網站的假名是怎麼加上去的呢？這篇就來提供3種標註假名的方法，以後就可以自己添加上去囉！
或是想利用的文書處理工具Word打出「りしれ供さ小」，這種字，都可以參考以下三種方法。當然，如果你只是要閱讀文章，那建議參考不知道這漢字怎麼唸?日語漢字利器 | FuriKanji ，這個外掛能夠偵測日語漢字的讀音，省去翻閱字典的時間。
目錄
網站標記假名
這是最簡單也最快的方法，如果你在標示上沒有什麼特別需求(文字顏色/讀音等)的話，直接把日語丟到網站裡，就會自動幫你生成有標註假名的日語。
如果沒有特殊需求，這兩個網站已經很夠用，直接複製貼上後下方就會出現有假名的日語。當然如果讀音不是你要的、或是想增加顏色、調整大小，那就需要用到下面兩種方法。
Word標記假名
用Word標記假名是最常見的方式，來一起看看怎麼用。
基本設定方法
中文裡我們使用注音標示的功能，只要選取文字按下WORD裡的「注音標示」就可以完成(如下圖)，日語也是如法炮製，只不過一般我們貼上的文字，WORD會預設為中文，必須先轉換成日語才會標示假名。
也就是說，如果我貼上「卓郎」這個名字，系統只會幫我標註成「卓郎」，轉成日語才能夠標記成「卓郎」。
轉換為日語
在選取文字後點選上方【校閱】>【語言】>【設定校對語言】
選擇【日文】
再點選注音功能，就會出現：
確認讀音沒問題後，按下確定就會新增上去了，之後就可以替你的「りしれ供さ小」加上讀音。注音面板中包括讀音、對齊、大小、字體等都可以設定，這部分與Word的其他基本功能相同，再依照自己想變更的內容作調整即可。
變更顏色
新增完假名後，如果你還想要增加顏色，就要按下鍵盤上的「Alt+F9」開啟Word功能變數。
選取紅框內的假名，調整成你要的顏色。
完成之後再按一次「Alt+F9」，就會恢復成原本的樣式，這時候也可以看到假名已經成功地上色了。
HTML標記假名
HTML是三個方法中彈性最高的方法，利用<ruby>標籤，配合css就可以改成你喜歡的樣式，也可以利用「ruby-position」將讀音放到日語底下，讓我們一起看看<ruby>這個標籤該怎麼使用。
基本寫法
這邊先列出最簡單的寫法，下面程式碼中<rb>內為單字內容，<rt>則為要標記的讀音。
<ruby>
<rb>日本語</rb>
<rt>にほんご</rt>
</ruby>日本語
增加括號
為了因應不同瀏覽器，避免無法顯示的狀況，某些時候我們會新增括號(如下程式碼)，告訴瀏覽器：如果無法顯示就幫我新增括號並標註在裡面。
<ruby>
<rb>日本語</rb>
<rt>(</rp><rt>にほんご</rt><rp>)</rt>
</ruby>日本語(にほんご)
相關標籤總結
| <ruby> | |
| <rb> | 文字內容 |
| <rt> | 標記的讀音 |
| <rp> | 因應瀏覽器的標籤 |
更詳細的內容可以參考此 Ruby 非彼 Ruby – XHTML的旁註標記語法
CSS：ruby-position
CSS中提供了ruby三種讀音標記位置，如下：
ruby-position: over; /* 預設值 ruby位於文字上方*/
ruby-position: under; /* ruby位於文字下方*/
ruby-position: inter-character; /* ruby位於字符間*/HTML會根據ruby-position做出不同的渲染，然後就可以配合其他CSS語法設計出你喜歡的樣式
(原諒我懶得改字體…)
這三種方法都可以依照自己習慣的方式來使用，如果沒有特殊需求，Word其實就很方便了。另外大家可能有發現HTML中是用「ruby」這個詞當作標籤，這個詞究竟是什麼，之後會在寫一篇關於ruby的詳細介紹。希望上面這三種方法有幫助到你。
覺得很有用