日本語の漢字読み

※上記の広告は60日以上更新のないWIKIに表示されています。更新することで広告が下部へ移動します。

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