1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
|
---
title: Основные атрибуты SVG
slug: Web/SVG/Attribute/Core
tags:
- SVG
translation_of: Web/SVG/Attribute/Core
---
<p>Основные атрибуты SVG — это все общие атрибуты, которые могут быть указаны в SVG элементах.</p>
<div class="index">
<ul>
<li><a href="#"><code>id</code></a></li>
<li><a href="#attr-lang"><code>lang</code></a></li>
<li><a href="#attr-tabindex"><code>tabindex</code></a></li>
<li><a href="#attr-xml:base"><code>xml:base</code></a></li>
<li><a href="#attr-xml:lang"><code>xml:lang</code></a></li>
<li><a href="#attr-xml:space"><code>xml:space</code></a></li>
</ul>
</div>
<h2 id="Атрибуты">Атрибуты</h2>
<dl>
<dt id="attr-id">{{SVGAttr('id')}}</dt>
<dd>Определяет идентификатор (ID), который должен быть уникальным во всем документе. Его цель — идентификация элемента при связывании (с использованием фрагмента идентификатора), написании скрипта или стилизации (с помощью CSS).<br>
<small><em>Значение</em>: Любое строковое значение ID; <em>Анимируемый</em>: <strong>Нет</strong></small></dd>
<dt id="attr-lang">{{SVGAttr('lang')}}</dt>
<dd>
<p>Участвует в определении языка элемента, языка, на котором написаны нередактируемые элементы, или языка, на котором должны быть написаны редактируемые элементы. Тэг содержит одно единственное значение записи в формате, определённом в <a href="https://www.ietf.org/rfc/bcp/bcp47.txt">документе IETF "Tags for Identifying Languages (BCP47)"</a>.</p>
<div class="note">
<p>SVG2 предоставляет новые <code>lang</code> атрибуты. Если атрибуты <code>lang</code> и <code>xml:lang</code> используются вместе, то <code>xml:lang</code> имеет приоритет над <code>lang</code>.</p>
</div>
<p><small><em>Значение</em>: Любой валидный язык ID; <em>Анимируемый</em>: <strong>Нет</strong></small></p>
</dd>
<dt id="attr-tabindex">{{SVGAttr('tabindex')}}</dt>
<dd>Атрибут SVG <code>tabindex</code> позволяет контролировать, является ли элемент фокусируемым, и определять относительный порядок элемента для целей последовательной навигации фокуса.<br>
<small><em>Тип значения</em>: <a href="/docs/Web/SVG/Content_type#Integer"><integer></a>; <em>Анимируемый</em>: <strong>Нет</strong></small></dd>
<dt id="attr-xml:base">{{SVGAttr('xml:base')}}</dt>
<dd>Указывает базовый IRI, отличный от базового IRI текущего документа.<br>
<small><em>Тип</em>: <a href="/docs/Web/SVG/Content_type#IRI"><IRI></a>; <em>Анимируемый</em>: <strong>Нет</strong></small></dd>
<dt id="attr-xml:lang">{{SVGAttr('xml:lang')}}</dt>
<dd>
<p>Это универсальный атрибут, разрешённый во всех XML диалектах для разметки естественного человеческого языка, который содержит элемент. Он почти идентичен по использованию атрибута <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang">lang</a> в HTML, но в соответствии с документацией XML 1.0, данный атрибут не позволяет использовать нулевое (<code>null</code>) значение атрибута (<code>xml:lang=""</code>) для указания неизвестного языка. Вместо этого, используйте <code>xml:lang="und"</code>.</p>
<div class="note">
<p>SVG2 предоставляет новые <code>lang</code> атрибуты. Если атрибуты <code>lang</code> и <code>xml:lang</code> используются вместе, то <code>xml:lang</code> имеет приоритет над <code>lang</code>.</p>
</div>
<p><small><em>Значение</em>: Любой валидный язык ID; <em>Анимируемый</em>: <strong>Нет</strong></small></p>
</dd>
<dt id="attr-xml:space">{{SVGAttr('xml:space')}} {{deprecated_inline('svg2')}}</dt>
<dd>
<p>SVG поддерживает стандартный XML-атрибут <code>xml:space</code> для указания обработки символов пробела в пределах заданных {{ SVGElement("text") }} символов текущего элемента.</p>
<div class="note">
<p><strong>Примечание:</strong> Вместо атрибута <code>xml:space</code> следует использовать CSS свойство {{cssxref('white-space')}}.</p>
</div>
<p><small><em>Значение</em>: <code><strong>default</strong></code> | <code>preserve</code>; <em>Анимируемый</em>: <strong>Нет</strong></small></p>
</dd>
</dl>
<h2 id="Поддержка_браузерами">Поддержка браузерами</h2>
<p>{{Compat("svg.attributes.core")}}</p>
<div id="gtx-anchor" style="position: absolute; left: 249.15px; top: 1694.6px; width: 92.1875px; height: 15.2001px;"></div>
<div class="jfk-bubble gtx-bubble">
<div class="jfk-bubble-content-id" id="bubble-32">
<div id="gtx-host" style="max-width: 400px;"></div>
</div>
<div class="jfk-bubble-closebtn-id jfk-bubble-closebtn"></div>
<div class="jfk-bubble-arrow-id jfk-bubble-arrow jfk-bubble-arrowdown" style="left: 26.5px;">
<div class="jfk-bubble-arrowimplbefore"></div>
<div class="jfk-bubble-arrowimplafter"></div>
</div>
</div>
|
