<ruby>: Ruby 註釋元素

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

<ruby> HTML 元素表示一組小的註釋,這些註釋通常顯示在基礎文字的上方、下方或旁邊,用於顯示東亞字元的發音。它也可以用於註釋其他型別的文字,但這種用法不太常見。

“Ruby”一詞起源於排版人員使用的測量單位,表示文字在新聞紙上印刷時仍可辨認的最小尺寸。

試一試

<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>
ruby {
  font-size: 2em;
}

屬性

此元素僅包含全域性屬性

示例

示例 1:字元

html
<ruby>
  漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

結果

示例 2:單詞

html
<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>

結果

技術摘要

內容類別 流式內容語句內容、明顯內容。
允許內容 短語內容.
標籤省略 無,起始標籤和結束標籤都必須存在。
允許父級 任何接受短語內容的元素。
隱式 ARIA 角色 沒有對應的角色
允許的 ARIA 角色 任意
DOM 介面 HTMLElement

規範

規範
HTML
# the-ruby-element

瀏覽器相容性

另見