html註釋標記標籤以及和它的子元素、

我家附近有一個私人的小英語學習機構，裡面聘請的外教都是一些非正規的外教，幾乎所有的外教都對我說，英語國家的孩子從來不學音標，它們看到單字就知道發音。這讓我們這些必須看音標學英文的學生好詬異。漢字是有拼音的，英語對我們來說也是有音標的，日本字，韓語也是有音標的，在日本，將音標標記在文字上邊的印刷方式叫做”Ruby“或“rubi”。 HTML裡也有一種專門用來顯示音標或註解的標記，就叫做ruby，是採用了日本印刷業的這個屬語。當然，有一種程式語言也叫Ruby，和它是兩回事，不要混淆了。

實例示範：

#圖片示範：

ruby文法說明

 — 用它將需要註解或註音標的文字內容包圍住。

 — 這裡面放置音標或註釋，這個標記要跟在需要註釋的文字後邊。

 — 這個標記是防備那些不支援ruby標記的瀏覽器，主要用來放置括弧。對於支援這個標記的瀏覽器，rp標記的CSS樣式是{display:none;}，也就是不可見。

程式碼範例

<ruby>
北<rp>（</rp><rt>bei</rt><rp>）</rp>
京<rp>（</rp><rt>jing</rt><rp>）</rp>
</ruby>

這個程式碼的顯示效果就是上面的實例示範的效果。

rt裡的文字，對於橫向顯示的文章，它會顯示在上方。對於豎向顯示的文字，它會顯示到右邊。如果你覺得音標的字體太大了，可以用css設定成小字體。

下面是一個垂直的範例：

瀏覽器支援情況

對於不支援ruby標記的瀏覽器裡，rp標記裡的內容就會顯示出來，你可以用下面這張圖和上面的那種圖比較一下，看看有什麼不同。下面這張圖就是在不支援ruby標記的瀏覽器裡的顯示效果：

最新版的火狐、Google等瀏覽器都支援這個標記。

這個標記也支援巢狀使用，顯示雙層標註。

用這個標記顯示中英文對照文本，效果很不錯。

以上是html註釋標記標籤以及和它的子元素、的詳細內容。更多資訊請關注PHP中文網其他相關文章！