--- title: id slug: Web/SVG/Attribute/id translation_of: Web/SVG/Attribute/id ---
{{SVGRef}}

id 属性给予元素一个唯一名称。

所有元素均可使用该属性。

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

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

{{EmbedLiveSample("topExample", "120", "120")}}

用法说明

值 <id>
默认值 None
可动画 No
<id>

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

注意: 应当避免使用会被解析为SVG视图规范的 id 值（如MyDrawing.svg#svgView(viewBox(0,200,1000,1000))），或被解析为用作URL目标片段的基本媒体片段的 id 值。

该属性取值必须在XML文档中有效。 独立的SVG文档使用XML 1.0语法，该语法指定有效的ID仅包含指定的字符（字母，数字和一些标点符号），开头不能是数字，点（.）字符或 连字符减号（-）。

规范

规范 状态 备注
{{SpecName("SVG2", "struct.html#IDAttribute", "id")}} {{Spec2("SVG2")}} Defines the allowed values in more detail.
{{SpecName("SVG1.1", "struct.html#IDAttribute", "id")}} {{Spec2("SVG1.1")}} Initial definition

浏览器兼容性

{{Compat("svg.attributes.style.class")}}

参考