---
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">&lt;integer&gt;</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">&lt;IRI&gt;</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}}</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>