Skip to content

Commit

Permalink
[zh-cn]: update the translation of svg id Attributes (#23209)
Browse files Browse the repository at this point in the history
Co-authored-by: A1lo <[email protected]>
  • Loading branch information
T34-active and yin1999 authored Aug 24, 2024
1 parent 9926fca commit e2f7ee8
Showing 1 changed file with 27 additions and 13 deletions.
40 changes: 27 additions & 13 deletions files/zh-cn/web/svg/attribute/id/index.md
Original file line number Diff line number Diff line change
@@ -1,23 +1,25 @@
---
title: id
slug: Web/SVG/Attribute/id
l10n:
sourceCommit: 5c000c8621145c6915f3d545b505c216317bc64a
---

{{SVGRef}}

**`id`** 属性给予元素一个唯一名称
**`id`** 属性为元素分配一个唯一的名称

所有元素均可使用该属性
此属性可用于任何 SVG 元素

## 示例

```html
<svg
width="120"
height="120"
viewPort="0 0 120 120"
viewBox="0 0 120 120"
xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
<style>
<![CDATA[
#smallRect {
stroke: #000066;
Expand All @@ -32,21 +34,33 @@ slug: Web/SVG/Attribute/id
{{EmbedLiveSample("示例", "120", "120")}}
## 用法说明
| 值 | \<id> |
| ------ | ------ |
| 默认值 | _None_ |
| 可动画 | No |
## 使用说明
<table class="properties">
<tbody>
<tr>
<th scope="row">值</th>
<td>&#x3C;id></td>
</tr>
<tr>
<th scope="row">默认值</th>
<td><em>无</em></td>
</tr>
<tr>
<th scope="row">动画性</th>
<td>无</td>
</tr>
</tbody>
</table>
- \<id>
- : 指定元素的 ID。该 ID 在节点树中必须是唯一的,不能为空字符串,并且不能包含任何空格字符。
> [!NOTE]
> 应当避免使用会被解析为 SVG 视图规范的 `id` 值(如 `MyDrawing.svg#svgView(viewBox(0,200,1000,1000))`),或被解析为用作 URL 目标片段的基本媒体片段的 `id` 值。
> 你应该避免使用会被解析为 SVG 视图规范(例如 `MyDrawing.svg#svgView(viewBox(0,200,1000,1000))`)或基本媒体片段的 `id` 值,尤其是在用作 URL 目标片段时
该属性取值必须在 XML 文档中有效。独立的 SVG 文档使用 XML 1.0 语法,该语法指定有效的 ID 仅包含指定的字符(字母数字和一些标点符号),开头不能是数字,点.)字符或 连字符减号(-)。
它必须在 XML 文档中有效。独立的 SVG 文档使用 XML 1.0 语法,规定有效的 ID 只能包含指定的字符(字母数字和一些标点符号),且不能以数字、句号.)字符或连接号(-)开头
## 规范
Expand All @@ -56,7 +70,7 @@ slug: Web/SVG/Attribute/id
{{Compat}}
## 参考
## 参见
- [HTML `id`](/zh-CN/docs/Web/HTML/Global_attributes/id)
- {{SVGAttr("class")}}

0 comments on commit e2f7ee8

Please sign in to comment.