もうそう無界
もうそう無界

日本語の漢字読み

Html 読み標示法（主要功臣：Html 中的<RUBY>標籤）

範例

  • 普通純文字標示：金色(きんいろ)の光(ひかり)　集(あつ)める

Html 標示後の效果


金色(きんいろ)の光(ひかり)　集(あつ)める


※注意！此為 XHTML 1.1 標準下的標籤語法！
已確定 IE5.0 以上、Maxthon、Mac 系統(版本5.0+)瀏覽器支援外
火狐（Mozilla、FireFox）的使用者， 需要安裝 → 此插件 ← 支援

PS：目前多數瀏覽器尚未支援 HTML5 新版本 <Ruby> 的解析

  • 除了視覺效果外，還有複製純文字自動括號的效果喔！
    你可以複製到記事本試試看！

  • 在 IE 中，正常的顯示結果： ★

  • 至於 Chrome 瀏覽器有些「沒變色的」會正常解析，變過色的就不會正常解析，跟火狐一樣對文字變色時會出問題。
    • EX：如本網頁中的主要頁面不被解析，但是下面內置框架的歌詞範例就會被解析。

主要原碼

<RUBY><RB>金色</RB><RP>(</RP><RT>きんいろ</RT><RP>)</RP></RUBY>の
<RUBY><RB>光</RB><RP>(</RP><RT>ひかり</RT><RP>)</RP></RUBY>
<RUBY><RB>集</RB><RP>(</RP><RT>あつ</RT><RP>)</RP></RUBY>める

Html 標籤語法


<ruby><rb>單詞<rp>（</rp><rt>仮名読み</rt><rp>）</rp></rb></ruby>

原理：純文字　→　Html 語法效果化

金色（きんいろ）
↓ Html 效果語法化 ↓
<RUBY><RB>金色</RB><RP>(</RP><RT>きんいろ</RT><RP>)</RP></RUBY>
↓ 變化後的效果 ↓
金色（きんいろ）

說明
  • <RUBY>：
    這標籤中的內容為一個單詞，也就是標示讀音的對象。
    像上面原碼中的「金色」。

    只要記得，<RUBY>這個標籤是在整句話的頭、尾做標籤即可！

  • <RB>：
    要將要標示的目標「漢字」包在這裡面。
    像這樣：<RB>金色</RB>。

  • <RT>：
    読み的讀音內容，通常會以「平仮名」包在這裡。
    如：<RT>きんいろ</RT>。

  • <RP>：
    用來隱藏，實際上不管文字被設定成什麼顏色，都不會顯示。
    通常如果要標示的單詞是「金色」，他編輯前的真面目會是「金色（きんいろ）」。
    這時候，就會用 <RP>（</RP>，把來括號隱藏起來。

    至於要打括號，又要把它隱藏的目的是：選取段落複製純文字時，就會還原成「金色（きんいろ）」。

應用推薦：歌詞

範例



工具


その他

  • 主要的標籤 <RUBY>：
ルビ（英: ruby）とは文章内の任意の文字に
対しふりがな／説明／異なる読み方といった役割の文字をより小さな文字で、
通常縦書きの際は文字の右側／横書きの際は文字の上側に記されるものである。

（引用 日版 WikiPedia 的解釋）

  • MediaWiki 系統有支援 <RUBY> 相關標籤！
    • 因此同系統的知名 Wiki 網站「WikiPedia」，也支援此標籤。

火狐瀏覽器（Mozilla / FireFox 瀏覽器）的擴充套件

安裝 XHTML Ruby Support 套件後，即可支援此標籤之瀏覽效果。
有 Bug
  • 文字變色的時候，読み就會變到下面了（如圖）


リンク

啟發來源

  • Hiragana Megane ：自動全頁轉換出標示漢字読み功能網站（純文字轉換為免費註冊後的功能）

關於 <RUBY> 標籤

Wiki 相關頁面

火狐瀏覽器（Mozilla / FireFox 瀏覽器）的擴充套件公式サート

W3C
「日本語の漢字読み」をウィキ内検索
最終更新：2013年07月12日 00:28