此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

id

基线 广泛可用

自 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>
默认值
动画性
<id>

指定元素的 ID。该 ID 在节点树中必须是唯一的,不能为空字符串,并且不能包含任何空格字符。

备注:你应该避免使用会被解析为 SVG 视图规范(例如 MyDrawing.svg#svgView(viewBox(0,200,1000,1000)))或基本媒体片段的 id 值,尤其是在用作 URL 目标片段时。

它必须在 XML 文档中有效。独立的 SVG 文档使用 XML 1.0 语法,规定有效的 ID 只能包含指定的字符(字母、数字和一些标点符号),且不能以数字、句号(.)字符或连接号(-)开头。

规范

规范
Scalable Vector Graphics (SVG) 2
# Core.attrib

浏览器兼容性

参见