<title> — SVG 無障礙名稱元素

Baseline 已廣泛支援

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

<title> SVG 元素為任何 SVG 容器元素圖形元素提供了一個無障礙的、簡短的文字描述。

<title> 元素中的文字不會作為圖形的一部分進行渲染,但瀏覽器通常會將其顯示為工具提示。如果一個元素可以透過可見文字來描述,建議使用 aria-labelledby 屬性引用該文字,而不是使用 <title> 元素。

注意:為向後相容 SVG 1.1,<title> 元素應是其父元素的第一個子元素。

使用語境

分類描述性元素
允許內容任何元素或字元資料

屬性

此元素僅包含全域性屬性。

DOM 介面

此元素實現了 SVGTitleElement 介面。

示例

html
<svg viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg">
  <circle cx="5" cy="5" r="4">
    <title>I'm a circle</title>
  </circle>

  <rect x="11" y="1" width="8" height="8">
    <title>I'm a square</title>
  </rect>
</svg>

規範

規範
Scalable Vector Graphics (SVG) 2
# TitleElement

瀏覽器相容性

另見