id

Baseline 已廣泛支援

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

id 屬性為元素分配一個唯一的名稱。

您可以將此屬性與任何 SVG 元素一起使用。

示例

html
<svg
  width="120"
  height="120"
  viewBox="0 0 120 120"
  xmlns="http://www.w3.org/2000/svg">
  <style>
    <![CDATA[
      #smallRect {
        stroke: #000066;
        fill: #00cc00;
      }
    ]]>
  </style>

  <rect id="smallRect" x="10" y="10" width="100" height="100" />
</svg>

用法說明

<id>
預設值 None
可動畫的
<id>

指定元素的 ID。ID 在節點樹中必須是唯一的,不能是空字串,並且不能包含任何空白字元。

注意: 當用作 URL 目標片段時,您應該避免使用會被解析為 SVG 檢視規範(例如 MyDrawing.svg#svgView(viewBox(0,200,1000,1000)))或基本媒體片段的 id 值。

它必須在 XML 文件中是有效的。獨立 SVG 文件使用 XML 1.0 語法,該語法規定有效 ID 僅包含指定的字元(字母、數字和少數標點符號),並且不能以數字、句點(.)字元或連字元(-)字元開頭。

規範

規範
Scalable Vector Graphics (SVG) 2
# Core.attrib

瀏覽器相容性

另見