---
title: lang
slug: Web/HTML/Загальні_атрибути/lang
tags:
  - HTML
  - Довідка
  - Загальні атрибути
translation_of: Web/HTML/Global_attributes/lang
---
<div>{{HTMLSidebar("Global_attributes")}}</div>

<p><a href="/uk/docs/Web/HTML/Загальні_атрибути">Загальний атрибут</a> <strong><code>lang</code></strong> виозначує мову елемента: мову нередаговного вмісту або мову, якою користувач має писати в редаговних елементах (полях введення). Значення атрибута — один «тег мови» у форматі, визначеному стандартом <a class="external" href="https://www.ietf.org/rfc/bcp/bcp47.txt"><em>Теги Ідентифікації Мов (BCP47)</em></a>.</p>

<div>{{EmbedInteractiveExample("pages/tabbed/attribute-lang.html","tabbed-shorter")}}</div>

<p class="hidden">Першокод цього прикладу збережено у репозиторії GitHub. Якщо ви хочете долучитися до створення чи поліпшення таких прикладів, пропонуйте нам свої зміни до репозиторію <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a>.</p>

<p>Якщо значенням атрибута є <em>порожній рядок</em> (<code>lang=""</code>), мова встановлюється як <em>невідома</em>; якщо тег мови несумісний із BCP47, мова встановлюється як <em>недійсна</em>.</p>

<div class="note">
<h2 id="Синтаксис_тегу_мови">Синтаксис тегу мови</h2>

<p>Повний синтаксис BCP47 досить глибокий, щоб позначити надзвичайно специфічні мовні діалекти, але в більшості використання набагато простіше.</p>

<p>Тег мови складається з мов підтегів, розділених дефісом, де кожен підтег вказує на певну властивість мови. Три найпоширеніші підтеги:</p>

<dl>
 <dt>Підтег мови</dt>
 <dd>Обов'язковий. Код із 2 або 3 символів, який визначає основну мову, зазвичай написані у нижньому регістрі. Наприклад, код для англійської мови є <code>en</code>, а код для Бадеші є <code>bdz</code>.</dd>
 <dt>Підтег сценарію</dt>
 <dd>Необов'язково. Цей підтег визначає, яку систему запису використовувати для мови і завжди має довжину 4 символи, починається з великої літери. Наприклад, французька-шрифтом-Брайля буде <code>fr-Brai</code>, а <code>ja-Kana</code> це японська, що написана алфавітом Катакана. Якщо мова написана дуже типовим способом, як англійська латинським алфавітом, немає необхідності використовувати цей підтег.</dd>
 <dt>Підтег регіону/області</dt>
 <dd>Необов'язково. Цей підтег визначає діалект базової мови із певного місця розташування, і це або 2 ВЕЛИКІ літери, що відповідають коду країни, або 3 номери, що відповідають регіону без конкретної країни. Наприклад, <code>es-ES</code> це іспанська, якою говорять в Іспанії, а <code>es-013</code> це іспанська мова в Центральній Америці. “Міжнародний іспанський” просто буде <code>es</code>.</dd>
</dl>

<p>Підтег скрипта передує підтегу регіону, якщо вони обидва присутні — <code>ru-Cyrl-BY</code> це російська, написана кирилицею, якою говорять в Білорусі.</p>

<p>Щоб знайти правильні коди підтегу для мови, спробуйте <a href="https://r12a.github.io/app-subtags/" rel="external">Пошук Підтегу Мови</a>.</p>
</div>

<p>Навіть якщо атрибут <strong>lang</strong> зазначено, його значення може бути знехтувано, бо атрибут <a href="/uk/docs/Web/HTML/Загальні_атрибути#attr-xml:lang"><strong>xml:lang</strong></a> має пріоритет.</p>

<p>Для псевдо-класу CSS {{cssxref(":lang")}}, дві недійсні <em>(invalid)</em> назви мов є різні, якщо їхні імена відрізняються. Таким чином, <code>:lang(es)</code> відповідає обом <code>lang="es-ES"</code> і <code>lang="es-419"</code>, <code>:lang(xyzzy)</code> не відповідатиме <code>lang="xyzzy-Zorp!"</code>.</p>

<h2 id="Специфікації">Специфікації</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Специфікація</th>
   <th scope="col">Статус</th>
   <th scope="col">Коментар</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', "dom.html#the-lang-and-xml:lang-attributes", "lang")}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Немає змін від останнього знімку, {{SpecName('HTML5.1')}}</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5.1', "dom.html#the-lang-and-xml:lang-attributes", "lang")}}</td>
   <td>{{Spec2('HTML5.1')}}</td>
   <td>Знімок {{SpecName('HTML WHATWG')}}, без змін {{SpecName('HTML5 W3C')}}</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', "dom.html#the-lang-and-xml:lang-attributes", "lang")}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>Знімок {{SpecName('HTML WHATWG')}}, поведінка з <code>xml:lang</code> та певний алгоритм визначення мови. Він також є справжнім глобальним атрибутом.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/dirlang.html#h-8.1', 'lang')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td>Підтримується у всіх елементах, крім {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}}, та {{HTMLElement("script")}}.</td>
  </tr>
 </tbody>
</table>

<h2 id="Підтримка_веб-переглядачами">Підтримка веб-переглядачами</h2>

<div class="hidden">Таблиця сумісності на цій сторінці створена зі структурованих даних. Якщо ви хочете долучитися до розробки цих даних, пропонуйте нам свої pull request до репозиторію <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div>

<p>{{Compat("html.global_attributes.lang")}}</p>

<h2 id="Див._також">Див. також</h2>

<ul>
 <li><a href="/uk/docs/Web/HTML/Загальні_атрибути">Всі загальні атрибути</a></li>
 <li><a href="/uk/docs/Web/HTTP/Headers/Content-Language">HTTP-заголовок Content-Language</a></li>
</ul>