---
title: HTML attribute reference
slug: Web/HTML/Attributes
translation_of: Web/HTML/Attributes
---
<p>Елементи в HTML можуть мати <strong>атрибути; </strong>це додаткові величини, які певним чином змінюють безпосередньо елементи або їх поведінку для отримання необхідного користувачеві ефекту.</p>

<h2 id="Список_атрибутів">Список атрибутів</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th>Назва атрибуту</th>
   <th>Елементи</th>
   <th>Опис</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td><code>accept</code></td>
   <td>{{ HTMLElement("form") }}, {{ HTMLElement("input") }}</td>
   <td>Список типів даних, що приймає сервер, зазвичай, типів файлів.</td>
  </tr>
  <tr>
   <td><code>accept-charset</code></td>
   <td>{{ HTMLElement("form") }}</td>
   <td>Список кодувань, які підтримуються.</td>
  </tr>
  <tr>
   <td><code>accesskey</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Визначає комбінацію клавіш швидкого доступу для активації або фокусування на елементі.</td>
  </tr>
  <tr>
   <td><code>action</code></td>
   <td>{{ HTMLElement("form") }}</td>
   <td>URI програми, яка обробляє інформацію, передану формою.</td>
  </tr>
  <tr>
   <td><code>align</code></td>
   <td>{{ HTMLElement("applet") }}, {{ HTMLElement("caption") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }},  {{ HTMLElement("hr") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }},  {{ HTMLElement("td") }},  {{ HTMLElement("tfoot") }} , {{ HTMLElement("th") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tr") }}</td>
   <td>Визначає вирівнювання елементу по горизогталі</td>
  </tr>
  <tr>
   <td><code>alt</code></td>
   <td>{{ HTMLElement("applet") }}, {{ HTMLElement("area") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}</td>
   <td>Показує альтарнативний текст у разі неможливості відобразити зображення.</td>
  </tr>
  <tr>
   <td><code>async</code></td>
   <td>{{ HTMLElement("script") }}</td>
   <td>Вказуєна те, що скрипт повинен виконуватися асинхронно.</td>
  </tr>
  <tr>
   <td><code>autocomplete</code></td>
   <td>{{ HTMLElement("form") }}, {{ HTMLElement("input") }}</td>
   <td>Вказує чи дозволено автозаповнення полів браузером.</td>
  </tr>
  <tr>
   <td><code>autofocus</code></td>
   <td>{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
   <td>Після завантаження сторінки, відбуватиметься автоматичне фокусування на цьому елементі.</td>
  </tr>
  <tr>
   <td><code>autoplay</code></td>
   <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td>
   <td>Відтворює аудіо чи відео одразу, коли це стає можливим.</td>
  </tr>
  <tr>
   <td><code>autosave</code></td>
   <td>{{ HTMLElement("input") }}</td>
   <td>Попередні значення повинні зберігатися у випадному списку, щоб можна було обрати значення з різних завантажень сторніки.</td>
  </tr>
  <tr>
   <td><code>bgcolor</code></td>
   <td>{{ HTMLElement("body") }}, {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("table") }}, {{ HTMLElement("tbody") }}, {{ HTMLElement("tfoot") }}, {{ HTMLElement("td") }}, {{ HTMLElement("th") }}, {{ HTMLElement("tr") }}</td>
   <td>
    <p>Визначає колір заднього фону елементу.</p>

    <div class="note">
    <p><strong>Примітка:</strong> Це застарілий атрибут. Натомість краще використовувати CSS-властивість {{ Cssxref("background-color") }}.</p>
    </div>
   </td>
  </tr>
  <tr>
   <td><code>border</code></td>
   <td>{{ HTMLElement("img") }}, {{ HTMLElement("object") }}, {{ HTMLElement("table") }}</td>
   <td>
    <p>Ширина границі.</p>

    <div class="note">
    <p><strong>Примітка:</strong> Це застарілий атрибут. Натомість краще використовувати CSS-властивість {{ Cssxref("border") }}.</p>
    </div>
   </td>
  </tr>
  <tr>
   <td><code>buffered</code></td>
   <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td>
   <td>Містить тривалість часу буферованого медіафайлу.</td>
  </tr>
  <tr>
   <td><code>challenge</code></td>
   <td>{{ HTMLElement("keygen") }}</td>
   <td>A challenge string that is submitted along with the public key.</td>
  </tr>
  <tr>
   <td><code>charset</code></td>
   <td>{{ HTMLElement("meta") }}, {{ HTMLElement("script") }}</td>
   <td>Оголошує кодування символів сторінки або скрипту.</td>
  </tr>
  <tr>
   <td><code>checked</code></td>
   <td>{{ HTMLElement("command") }}, {{ HTMLElement("input") }}</td>
   <td>Вказує чи слід перевіряти елемент при завантаженні сторінки.</td>
  </tr>
  <tr>
   <td><code>cite</code></td>
   <td>{{ HTMLElement("blockquote") }}, {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("q") }}</td>
   <td>Містить URI, що вказує на джерело цитати або зміни.</td>
  </tr>
  <tr>
   <td><code>class</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Часто використовують з CSS для задання стилю елементів зі спільними властивостями.</td>
  </tr>
  <tr>
   <td><code>code</code></td>
   <td>{{ HTMLElement("applet") }}</td>
   <td>Вказує URL файла класу аплету для завантаження та виконання.</td>
  </tr>
  <tr>
   <td><code>codebase</code></td>
   <td>{{ HTMLElement("applet") }}</td>
   <td>Цей атрибут надає абсолютну чи відносну URL директорії, де зберігаються файли .class аплету.</td>
  </tr>
  <tr>
   <td><code>color</code></td>
   <td>{{ HTMLElement("basefont") }}, {{ HTMLElement("font") }}, {{ HTMLElement("hr") }}</td>
   <td>
    <p>Цей атрибут задає колір тексту за назвою кольору або його кодом у шістнадцятковому форматі RRGGBB.</p>

    <div class="note">
    <p><strong>Примітка:</strong> Це застарілий атрибут. Натомість краще використовувати CSS-власивість {{ Cssxref("color") }}</p>
    </div>
   </td>
  </tr>
  <tr>
   <td><code>cols</code></td>
   <td>{{ HTMLElement("textarea") }}</td>
   <td>Задає кількість колонок в текстовому полі.</td>
  </tr>
  <tr>
   <td><code>colspan</code></td>
   <td>{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td>
   <td>Цей атрибут задає кількість стовпців, яку займає одна комірка таблиці вширину.</td>
  </tr>
  <tr>
   <td><code>content</code></td>
   <td>{{ HTMLElement("meta") }}</td>
   <td>Знаення, пов'язане з <code>http-equiv</code> або <code>name</code> залежно від контексту.</td>
  </tr>
  <tr>
   <td><code>contenteditable</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Вказує чи можна змінювати вміст елементу.</td>
  </tr>
  <tr>
   <td><code>contextmenu</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Визначає ID елементу {{ HTMLElement("menu") }}, який слугуватиме контекстним меню елемента.</td>
  </tr>
  <tr>
   <td><code>controls</code></td>
   <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td>
   <td>Вказує чи браузер відображатиме панель управління медіа користувачеві.</td>
  </tr>
  <tr>
   <td><code>coords</code></td>
   <td>{{ HTMLElement("area") }}</td>
   <td>Набір значень, що задають координати активної області.</td>
  </tr>
  <tr>
   <td><code><a href="/en-US/docs/Web/HTML/CORS_settings_attributes">crossorigin</a></code></td>
   <td>{{ HTMLElement("audio") }}, {{ HTMLElement("img") }}, {{ HTMLElement("link") }}, {{ HTMLElement("script") }}, {{ HTMLElement("video") }}</td>
   <td>Визначає як елемент поводиться з запитами до різних джерел.</td>
  </tr>
  <tr>
   <td><code>data</code></td>
   <td>{{ HTMLElement("object") }}</td>
   <td>Задає URL джерела.</td>
  </tr>
  <tr>
   <td><code>data-*</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Дозволяє вам застосовувати до HTML-елемента користувацькі атрибути.</td>
  </tr>
  <tr>
   <td><code>datetime</code></td>
   <td>{{ HTMLElement("del") }}, {{ HTMLElement("ins") }}, {{ HTMLElement("time") }}</td>
   <td>Вказує час та дату, пов'язані з елементтом.</td>
  </tr>
  <tr>
   <td><code>default</code></td>
   <td>{{ HTMLElement("track") }}</td>
   <td>Indicates that the track should be enabled unless the user's preferences indicate something different.</td>
  </tr>
  <tr>
   <td><code>defer</code></td>
   <td>{{ HTMLElement("script") }}</td>
   <td>Indicates that the script should be executed after the page has been parsed.</td>
  </tr>
  <tr>
   <td><code>dir</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)</td>
  </tr>
  <tr>
   <td><code>dirname</code></td>
   <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>disabled</code></td>
   <td>{{ HTMLElement("button") }}, {{ HTMLElement("command") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
   <td>Вказує на можливість взаємодії користувача з елементом.</td>
  </tr>
  <tr>
   <td><code>download</code></td>
   <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td>
   <td>Вказує на те, що посилання використовується для завантаження.</td>
  </tr>
  <tr>
   <td><code>draggable</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Визначає чи можна перетягувати елемент.</td>
  </tr>
  <tr>
   <td><code>dropzone</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Вказує чи може елемент приймати перетягування на нього контенту.</td>
  </tr>
  <tr>
   <td><code>enctype</code></td>
   <td>{{ HTMLElement("form") }}</td>
   <td>Defines the content type of the form date when the <code>method</code> is POST.</td>
  </tr>
  <tr>
   <td><code>for</code></td>
   <td>{{ HTMLElement("label") }}, {{ HTMLElement("output") }}</td>
   <td>Описує елементи, які належать до цього елементу.</td>
  </tr>
  <tr>
   <td><code>form</code></td>
   <td>{{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("label") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
   <td>Визначає форму, яка є батьківською для цього елементу.</td>
  </tr>
  <tr>
   <td><code>formaction</code></td>
   <td>{{ HTMLElement("input") }}, {{ HTMLElement("button") }}</td>
   <td>Indicates the action of the element, overriding the action defined in the {{ HTMLElement("form") }}.</td>
  </tr>
  <tr>
   <td><code>headers</code></td>
   <td>{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td>
   <td>IDs of the <code>&lt;th&gt;</code> elements which applies to this element.</td>
  </tr>
  <tr>
   <td><code>height</code></td>
   <td>{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }}</td>
   <td>
    <p>Задає висоту перелічених елементів. Для інших елементів краще використовувати CSS-властивість {{cssxref("height")}}.</p>

    <div class="note">
    <p><strong>Примітка:</strong> У деяких випадках, зокрема для {{ HTMLElement("div") }}, це застарілий атрибут. Натомість для нього краще застосовувати CSS-властивість {{ Cssxref("height") }}.</p>
    </div>
   </td>
  </tr>
  <tr>
   <td><code>hidden</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Не дозволяє рендеринг певного елемента, але не скасовує рендеринг дочірніх елементів, наприклад, скриптових і активних.</td>
  </tr>
  <tr>
   <td><code>high</code></td>
   <td>{{ HTMLElement("meter") }}</td>
   <td>Вказує нижню межу верхнього діапазону.</td>
  </tr>
  <tr>
   <td><code>href</code></td>
   <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("link") }}</td>
   <td> URL посилання на певне джерело.</td>
  </tr>
  <tr>
   <td><code>hreflang</code></td>
   <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}</td>
   <td>Вказує на мову сторінки, на яку буде перейдено за посиланням.</td>
  </tr>
  <tr>
   <td><code>http-equiv</code></td>
   <td>{{ HTMLElement("meta") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>icon</code></td>
   <td>{{ HTMLElement("command") }}</td>
   <td>Задає картинку, яка відображає команду.</td>
  </tr>
  <tr>
   <td><code>id</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Часто використовується з CSS для задання стилю конкретному елементу. Значення цього атрибути повинно бути унікальним.</td>
  </tr>
  <tr>
   <td><code>integrity</code></td>
   <td>{{ HTMLElement("link") }}, {{ HTMLElement("script") }} </td>
   <td>
    <p>Додатковий рівень захисту, дає змогу браузеру ідентифікувати, чи він стягує потрібний файл.</p>

    <p><a href="/en-US/docs/">Посилання MDN</a></p>
   </td>
  </tr>
  <tr>
   <td><code>ismap</code></td>
   <td>{{ HTMLElement("img") }}</td>
   <td>Вказує на те, що зображення є частиною заображення серверної карти.</td>
  </tr>
  <tr>
   <td><code>itemprop</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td> </td>
  </tr>
  <tr>
   <td><code>keytype</code></td>
   <td>{{ HTMLElement("keygen") }}</td>
   <td>Визначає тип генерованого ключа.</td>
  </tr>
  <tr>
   <td><code>kind</code></td>
   <td>{{ HTMLElement("track") }}</td>
   <td>Specifies the kind of text track.</td>
  </tr>
  <tr>
   <td><code>label</code></td>
   <td>{{ HTMLElement("track") }}</td>
   <td>Specifies a user-readable title of the text track.</td>
  </tr>
  <tr>
   <td><code>lang</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Defines the language used in the element.</td>
  </tr>
  <tr>
   <td><code>language</code></td>
   <td>{{ HTMLElement("script") }}</td>
   <td>Defines the script language used in the element.</td>
  </tr>
  <tr>
   <td><code>list</code></td>
   <td>{{ HTMLElement("input") }}</td>
   <td>Identifies a list of pre-defined options to suggest to the user.</td>
  </tr>
  <tr>
   <td><code>loop</code></td>
   <td>{{ HTMLElement("audio") }}, {{ HTMLElement("bgsound") }}, {{ HTMLElement("marquee") }}, {{ HTMLElement("video") }}</td>
   <td>Indicates whether the media should start playing from the start when it's finished.</td>
  </tr>
  <tr>
   <td><code>low</code></td>
   <td>{{ HTMLElement("meter") }}</td>
   <td>Indicates the upper bound of the lower range.</td>
  </tr>
  <tr>
   <td><code>manifest</code></td>
   <td>{{ HTMLElement("html") }}</td>
   <td>Specifies the URL of the document's cache manifest.</td>
  </tr>
  <tr>
   <td><code>max</code></td>
   <td>{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}</td>
   <td>Indicates the maximum value allowed.</td>
  </tr>
  <tr>
   <td><code>maxlength</code></td>
   <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
   <td>Defines the maximum number of characters allowed in the element.</td>
  </tr>
  <tr>
   <td><code>media</code></td>
   <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}</td>
   <td>Specifies a hint of the media for which the linked resource was designed.</td>
  </tr>
  <tr>
   <td><code>method</code></td>
   <td>{{ HTMLElement("form") }}</td>
   <td>Defines which <a href="/en-US/docs/Web/HTTP">HTTP</a> method to use when submitting the form. Can be <code>GET</code> (default) or <code>POST</code>.</td>
  </tr>
  <tr>
   <td><code>min</code></td>
   <td>{{ HTMLElement("input") }}, {{ HTMLElement("meter") }}</td>
   <td>Indicates the minimum value allowed.</td>
  </tr>
  <tr>
   <td><code>multiple</code></td>
   <td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}</td>
   <td>Indicates whether multiple values can be entered in an input of the type <code>email</code> or <code>file</code>.</td>
  </tr>
  <tr>
   <td><code>muted</code></td>
   <td>{{ HTMLElement("video") }}</td>
   <td>Indicates whether the audio will be initially silenced on page load.</td>
  </tr>
  <tr>
   <td><code>name</code></td>
   <td>{{ HTMLElement("button") }}, {{ HTMLElement("form") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("input") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("object") }}, {{ HTMLElement("output") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}, {{ HTMLElement("map") }}, {{ HTMLElement("meta") }}, {{ HTMLElement("param") }}</td>
   <td>Name of the element. For example used by the server to identify the fields in form submits.</td>
  </tr>
  <tr>
   <td><code>novalidate</code></td>
   <td>{{ HTMLElement("form") }}</td>
   <td>This attribute indicates that the form shouldn't be validated when submitted.</td>
  </tr>
  <tr>
   <td><code>open</code></td>
   <td>{{ HTMLElement("details") }}</td>
   <td>Indicates whether the details will be shown on page load.</td>
  </tr>
  <tr>
   <td><code>optimum</code></td>
   <td>{{ HTMLElement("meter") }}</td>
   <td>Indicates the optimal numeric value.</td>
  </tr>
  <tr>
   <td><code>pattern</code></td>
   <td>{{ HTMLElement("input") }}</td>
   <td>Defines a regular expression which the element's value will be validated against.</td>
  </tr>
  <tr>
   <td><code>ping</code></td>
   <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>placeholder</code></td>
   <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
   <td>Дає підказку користувачу про те, які дані треба вводити в поле.</td>
  </tr>
  <tr>
   <td><code>poster</code></td>
   <td>{{ HTMLElement("video") }}</td>
   <td>URL, що відображає рамку постера під час програвання або пошуку.</td>
  </tr>
  <tr>
   <td><code>preload</code></td>
   <td>{{ HTMLElement("audio") }}, {{ HTMLElement("video") }}</td>
   <td>Вказує, чи потребує попереднього завантаження контент або його частина.</td>
  </tr>
  <tr>
   <td><code>radiogroup</code></td>
   <td>{{ HTMLElement("command") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>readonly</code></td>
   <td>{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }}</td>
   <td>Вказує чи можна редагувати цей елемент.</td>
  </tr>
  <tr>
   <td><code>rel</code></td>
   <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("link") }}</td>
   <td>Визнчає взаємозв'язок даного об'єкту та об'єкту посилання.</td>
  </tr>
  <tr>
   <td><code>required</code></td>
   <td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}</td>
   <td>Вказує чи заповнення цього елементу є обов'язковим.</td>
  </tr>
  <tr>
   <td><code>reversed</code></td>
   <td>{{ HTMLElement("ol") }}</td>
   <td>Вказує як відображати елементи списку: у порядку зростання чи спадання.</td>
  </tr>
  <tr>
   <td><code>rows</code></td>
   <td>{{ HTMLElement("textarea") }}</td>
   <td>Визначає кількість рядків у текстовому полі.</td>
  </tr>
  <tr>
   <td><code>rowspan</code></td>
   <td>{{ HTMLElement("td") }}, {{ HTMLElement("th") }}</td>
   <td>Визначає кількість рядків, які займає одна комірка таблиці.</td>
  </tr>
  <tr>
   <td><code>sandbox</code></td>
   <td>{{ HTMLElement("iframe") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>scope</code></td>
   <td>{{ HTMLElement("th") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>scoped</code></td>
   <td>{{ HTMLElement("style") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>seamless</code></td>
   <td>{{ HTMLElement("iframe") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>selected</code></td>
   <td>{{ HTMLElement("option") }}</td>
   <td>Задає значення, яке буде обрано при звантаженні сторінки.</td>
  </tr>
  <tr>
   <td><code>shape</code></td>
   <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>size</code></td>
   <td>{{ HTMLElement("input") }}, {{ HTMLElement("select") }}</td>
   <td>Задає ширину елементу (у пікселях). Якщо елемент є стрічкою або текстом чи паролем, то цей атрибут задає кількість символів в ширину.</td>
  </tr>
  <tr>
   <td><code>sizes</code></td>
   <td>{{ HTMLElement("link") }}, {{ HTMLElement("img") }}, {{ HTMLElement("source") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>slot</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Відводить елементу місце у тіньовій моделі документу.</td>
  </tr>
  <tr>
   <td><code>span</code></td>
   <td>{{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>spellcheck</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Вказує чи дозволена для цього елемента перевірка правопису.</td>
  </tr>
  <tr>
   <td><code>src</code></td>
   <td>{{ HTMLElement("audio") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("track") }}, {{ HTMLElement("video") }}</td>
   <td>URL вбудованого контенту.</td>
  </tr>
  <tr>
   <td><code>srcdoc</code></td>
   <td>{{ HTMLElement("iframe") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>srclang</code></td>
   <td>{{ HTMLElement("track") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>srcset</code></td>
   <td>{{ HTMLElement("img") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>start</code></td>
   <td>{{ HTMLElement("ol") }}</td>
   <td>Задає значення початку відліку, якщо воно повинно бутит відмінним від "1".</td>
  </tr>
  <tr>
   <td><code>step</code></td>
   <td>{{ HTMLElement("input") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>style</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Визначає CSS-стилі, які переписуюють попередньо задані властивості.</td>
  </tr>
  <tr>
   <td><code>summary</code></td>
   <td>{{ HTMLElement("table") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>tabindex</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Переписує порядок шарів сторінки за замовчуванням та встановлює свій.</td>
  </tr>
  <tr>
   <td><code>target</code></td>
   <td>{{ HTMLElement("a") }}, {{ HTMLElement("area") }}, {{ HTMLElement("base") }}, {{ HTMLElement("form") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>title</code></td>
   <td><a href="/en-US/docs/HTML/Global_attributes">Глобальний атрибут</a></td>
   <td>Текст, який показується при наведенні курсору на елемент.</td>
  </tr>
  <tr>
   <td><code>type</code></td>
   <td>{{ HTMLElement("button") }}, {{ HTMLElement("input") }}, {{ HTMLElement("command") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("object") }}, {{ HTMLElement("script") }}, {{ HTMLElement("source") }}, {{ HTMLElement("style") }}, {{ HTMLElement("menu") }}</td>
   <td>Визначає тип даних елементу.</td>
  </tr>
  <tr>
   <td><code>usemap</code></td>
   <td>{{ HTMLElement("img") }},  {{ HTMLElement("input") }}, {{ HTMLElement("object") }}</td>
   <td> </td>
  </tr>
  <tr>
   <td><code>value</code></td>
   <td>{{ HTMLElement("button") }}, {{ HTMLElement("option") }}, {{ HTMLElement("input") }}, {{ HTMLElement("li") }}, {{ HTMLElement("meter") }}, {{ HTMLElement("progress") }}, {{ HTMLElement("param") }}</td>
   <td>Задає величину, що буде відображатись за замовчуванням після завантаження сторінки.</td>
  </tr>
  <tr>
   <td><code>width</code></td>
   <td>{{ HTMLElement("canvas") }}, {{ HTMLElement("embed") }}, {{ HTMLElement("iframe") }}, {{ HTMLElement("img") }}, {{ HTMLElement("input") }}, {{ HTMLElement("object") }}, {{ HTMLElement("video") }}</td>
   <td>
    <p>Задає ширину для всіх зазначених у списку елементів.</p>

    <div class="note">
    <p><strong>Примітка:</strong> У інших випадках, наприклад для елементу  {{ HTMLElement("div") }}, цей атрибут застарілий, і краще використовувати CSS-властивість {{ Cssxref("width") }}.</p>
    </div>
   </td>
  </tr>
  <tr>
   <td><code>wrap</code></td>
   <td>{{ HTMLElement("textarea") }}</td>
   <td>Вказує, чи потрібно додавати нові рядки до тексту.</td>
  </tr>
 </tbody>
</table>

<h2 id="Content_versus_IDL_attributes">Content versus IDL attributes</h2>

<p>In HTML, most attributes have two faces: the <strong>content attribute</strong> and the <strong>IDL attribute</strong>.</p>

<p>The content attribute is the attribute as you set it from the content (the HTML code) and you can set it or get it via {{domxref("element.setAttribute()")}} or {{domxref("element.getAttribute()")}}. The content attribute is always a string even when the expected value should be an integer. For example, to set an {{HTMLElement("input")}} element's <code>maxlength</code> to 42 using the content attribute, you have to call <code>setAttribute("maxlength", "42")</code> on that element.</p>

<p>The IDL attribute is also known as a JavaScript property. These are the attributes you can read or set using JavaScript properties like <code class="moz-txt-verticalline">element.foo</code>. The IDL attribute is always going to use (but might transform) the underlying content attribute to return a value when you get it and is going to save something in the content attribute when you set it. In other words, the IDL attributes, in essence, reflect the content attributes.</p>

<p>Most of the time, IDL attributes will return their values as they are really used. For example, the default <code>type</code> for {{HTMLElement("input")}} elements is "text", so if you set <code>input.type="foobar"</code>, the <code>&lt;input&gt;</code> element will be of type text (in the appearance and the behavior) but the "type" content attribute's value will be "foobar". However, the <code>type</code> IDL attribute will return the string "text".</p>

<p>IDL attributes are not always strings; for example, <code>input.maxlength</code> is a number (a signed long). When using IDL attributes, you read or set values of the desired type, so <code>input.maxlength</code> is always going to return a number and when you set <code>input.maxlength</code> ,it wants a number. If you pass another type, it is automatically converted to a number as specified by the standard JavaScript rules for type conversion.</p>

<p>IDL attributes can <a href="https://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes">reflect other types</a> such as unsigned long, URLs, booleans, etc. Unfortunately, there are no clear rules and the way IDL attributes behave in conjunction with their corresponding content attributes depends on the attribute. Most of the time, it will follow <a href="https://www.whatwg.org/specs/web-apps/current-work/multipage/urls.html#reflecting-content-attributes-in-idl-attributes">the rules laid out in the specification</a>, but sometimes it doesn't. HTML specifications try to make this as developer-friendly as possible, but for various reasons (mostly historical), some attributes  behave oddly (<code>select.size</code>, for example) and you should read the specifications to understand how exactly they behave.</p>

<h2 id="Також_читай">Також читай</h2>

<ul>
 <li><a href="/en-US/docs/HTML/Element">HTML elements</a></li>
</ul>