HTML-атрибуты
Используйте HTML-атрибуты для передачи дополнительной информации об элементах. Изучите синтаксис и примеры с учебником W3Docs.
HTML-атрибуты используются внутри открывающего тега. Они предоставляют дополнительную информацию об HTML-элементах. Атрибут задаёт метаданные для элемента или изменяет его поведение. Атрибут имеет имя, за которым следует знак равенства (=) и значение, заключённое в кавычки ("").
Простая аналогия: представьте элемент как существительное, а его атрибуты — как прилагательные, описывающие его. В <a href="https://www.w3docs.com">W3Docs</a> элемент <a> — это ссылка, а атрибут href указывает браузеру, куда эта ссылка ведёт. Без атрибута элемент существовал бы, но не имел бы адреса назначения.
Синтаксис
Синтаксис HTML-атрибутов
<tag attribute="value">Your Text</tag>Атрибут всегда находится внутри открывающего тега, но никогда — в закрывающем. Элемент может содержать несколько атрибутов одновременно; они разделяются пробелом.
Атрибут href
HTML-тег <a> создаёт ссылку, адрес которой задаётся в атрибуте href. В примере ниже используется тег <a> с атрибутом href. В кавычках указывается адрес страницы, на которую пользователь перейдёт после нажатия на ссылку.
Пример HTML-тега <a> с атрибутом href:
Пример атрибута
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<a href="https://www.w3docs.com">Click here and go to the homepage.</a>
</body>
</html>Результат
Атрибут id
HTML-атрибут id задаёт уникальный идентификатор для каждого элемента.
Пример HTML-тега <div> с атрибутом id:
Пример тега div с атрибутом "id"
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
#text {
font-family: sans-serif;
font-size: 20px;
line-height: 28px;
color: #777777;
}
</style>
</head>
<body>
<h2>Example of the div tag with the "id" attribute</h2>
<div id="text">Here is some text for the div tag with the "id" attribute.</div>
</body>
</html>Атрибут style
Атрибут style задаёт стилевое оформление элемента: цвет, размер, шрифт и т. д.
Пример HTML-тега <p> с атрибутом style:
Пример тега p с атрибутом "style":
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>Example of the p tag with the style attribute</h2>
<p style="color:#666666;font-size:18px;">Here is some text for the p tag with the "style" attribute.</p>
</body>
</html>Атрибут start
Атрибут start задаёт начальное значение первого пункта упорядоченного списка. В примере ниже показаны два списка рядом: первый не имеет атрибута start и нумеруется с 1 по умолчанию; второй использует start="30", поэтому его пункты пронумерованы 30, 31, 32.
Пример HTML-тега <ol> с атрибутом start:
Пример тега ol с атрибутом "start"
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>Default ordered list (starts at 1):</h2>
<ol>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ol>
<h2>Ordered list with start="30":</h2>
<ol start="30">
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ol>
</body>
</html>Несколько атрибутов
К одному HTML-элементу можно добавить несколько атрибутов. Между ними обязательно нужно ставить пробел.
Порядок атрибутов не имеет значения.
Пример HTML-атрибутов
<tag attribute1="value" attribute2="value">Your text</tag>Пример HTML-тега <img> с атрибутами src, width, height и alt:
Пример HTML-тега img с несколькими атрибутами
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>Heading</h1>
<p>A photo with multiple attributes:</p>
<img src="https://api.w3docs.com/uploads/media/default/0001/01/25acddb3da54207bc6beb5838f65f022feaa81d7.jpeg" alt="Aleq" width="200" height="185"/>
</body>
</html>Boolean-атрибуты
Некоторые атрибуты являются boolean-атрибутами: само их присутствие означает «истина», а отсутствие — «ложь». К ним относятся disabled, checked, readonly, required, selected и multiple.
Для boolean-атрибута записанное значение не имеет значения — важно лишь, присутствует ли атрибут в элементе. Следующие три формы эквивалентны и все отключают поле ввода:
<input disabled>
<input disabled="">
<input disabled="disabled">Чтобы boolean-атрибут стал «ложным», его не нужно устанавливать в false — его нужно полностью удалить. Запись disabled="false" всё равно отключает поле ввода, так как атрибут присутствует в теге.
Пример boolean-атрибутов:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Enabled input: <input value="You can type here"></p>
<p>Disabled input: <input value="You cannot type here" disabled></p>
<p>Checked by default: <input type="checkbox" checked> Accept terms</p>
</body>
</html>Кавычки в значениях атрибутов
Значения атрибутов можно записывать в двойных кавычках, одинарных кавычках или, в некоторых случаях, вообще без кавычек.
<a href="page.html">Double quotes (recommended)</a>
<a href='page.html'>Single quotes</a>
<a href=page.html>Unquoted</a>Двойные кавычки рекомендуются. Это наиболее распространённый стиль, и он позволяет использовать в значении одинарные кавычки, например title="It's a link".
Одинарные кавычки удобны, когда само значение содержит двойную кавычку, например title='He said "hello"'.
Значения без кавычек — рискованный вариант. Значение без кавычек не может содержать пробелы: пробел обрывает значение раньше времени. Например, class=btn primary интерпретируется как class равный btn плюс отдельный атрибут primary — а не два имени класса. Значения без кавычек также не могут содержать =, кавычки или другие специальные символы. Для надёжности всегда заключайте значения атрибутов в кавычки.
Content-атрибуты и IDL-атрибуты
В HTML у атрибута есть два представления: content-атрибут (то, что записано в разметке) и IDL-атрибут (соответствующее JavaScript-свойство элемента DOM, где IDL расшифровывается как Interface Definition Language).
Content-атрибут — это буквальное значение из HTML-источника. Его читают и записывают с помощью element.getAttribute() и element.setAttribute(). Для поля формы content-атрибут обычно представляет начальное значение.
IDL-атрибут — это JavaScript-свойство, например element.value. Оно отражает content-атрибут, но представляет текущее состояние элемента, которое может меняться по мере взаимодействия пользователя со страницей.
Разница становится наиболее очевидной на примере элемента <input>. Пусть дан <input id="name" value="Anna">, и пользователь ввёл Maria в поле:
const el = document.getElementById("name");
el.getAttribute("value"); // "Anna" — the content attribute (initial value from HTML)
el.value; // "Maria" — the IDL property (current value in the DOM)Таким образом, если нужно значение, которое пользователь видит на экране, читайте el.value; если нужно значение, изначально указанное в HTML, читайте el.getAttribute("value").
Некоторые content-атрибуты, такие как readonly, disabled и required, являются boolean-атрибутами (см. раздел выше): их значение равно true, когда атрибут присутствует, и false, когда он отсутствует.
Две таблицы ниже служат справочником. В первой перечислены наиболее часто используемые атрибуты; во второй — полный список с указанием элементов, к которым каждый атрибут относится.
Список наиболее используемых HTML-атрибутов:
| Атрибут | Описание | Пример |
|---|---|---|
| alt | Задаёт альтернативный текст, когда исходный элемент не отображается. | alt="HTML Attributes" |
| height | Задаёт высоту элемента. | height="250" |
| href | Задаёт URL для ссылки. | href="https://www.w3docs.com/" |
| hreflang | Задаёт язык связанного документа. | hreflang="en" |
| id | Задаёт уникальный идентификатор для HTML-элемента. | id="example" |
| lang | Задаёт язык документа (используется в теге <html>). | <html lang="en-US"> |
| rel | Задаёт отношение между целевым и связанным документами. | rel="nofollow" |
| shape | Задаёт форму элемента. | shape="circle" |
| span | Задаёт количество столбцов, охватываемых элементом <col> или <colgroup>. | span="2" |
| src | Задаёт источник элемента. | src="https://example.com/image.jpg" |
| start | Задаёт начальное значение упорядоченного списка (используется в теге <ol>). | <ol start="30"> |
| style | Задаёт CSS-стиль HTML-элемента (размер, шрифт, цвет и т. д.). | style="color:red;text-align:right" |
| target | Задаёт место открытия ссылки. | target="_blank" |
| wrap | Задаёт, должен ли текст переноситься. | wrap="hard" |
| width | Задаёт ширину элемента. | width="120" |
Смотрите также список глобальных HTML-атрибутов, которые можно использовать с любым HTML-элементом.
Полный список HTML-атрибутов:
| Атрибут | Принадлежит | Описание |
|---|---|---|
| accept | <input> | Задаёт типы файлов, принимаемых сервером (только для type="file"). |
| accept-charset | <form> | Задаёт кодировки символов, используемые при отправке формы. |
| accesskey | Global Attributes | Задаёт горячую клавишу для активации элемента. |
| action | <form> | Задаёт адрес, на который отправляются данные формы при её отправке. |
| align | HTML5 не поддерживает этот атрибут. | Задаёт выравнивание относительно соседних элементов. Вместо этого атрибута следует использовать CSS. |
| alt | <area>, <img>, <input> | Задаёт альтернативный текст, если исходный элемент не отображается. |
| async | <script> | Указывает, что скрипт выполняется асинхронно. Используется только для внешних скриптов. |
| autocomplete | <form>, <input> | Задаёт, должно ли быть включено автозаполнение для элемента <form> или <input>. |
| autofocus | <button>, <input>, <select>, <textarea> | Указывает, что элемент должен автоматически получить фокус при загрузке страницы. |
| autoplay | <audio>, <video> | Указывает, что аудио или видео начнёт воспроизводиться, как только будет готово. |
| bgcolor | HTML5 не поддерживает этот атрибут. | Задаёт цвет фона элемента. Вместо этого атрибута следует использовать CSS. |
| border | HTML5 не поддерживает этот атрибут. | Задаёт ширину рамки элемента. Вместо этого атрибута следует использовать CSS. |
| charset | <meta>, <script> | Задаёт кодировку символов. |
| checked | <input> | Указывает, что элемент <input> должен быть предварительно выбран при загрузке страницы (для type="checkbox" или type="radio"). |
| cite | <blockquote>, <del>, <ins>, <q> | Задаёт URL, поясняющий цитату, удалённый или вставленный текст. |
| class | Global Attributes | Задаёт одно или несколько имён классов для элемента. |
| color | HTML5 не поддерживает этот атрибут. | Задаёт цвет текста элемента. Вместо этого атрибута следует использовать CSS. |
| cols | <textarea> | Задаёт видимую ширину текстового поля. |
| colspan | <td>, <th> | Задаёт количество столбцов, объединяемых ячейкой таблицы. |
| content | <meta> | Задаёт значение, связанное с атрибутом http-equiv или name. |
| contenteditable | Global Attributes | Задаёт, можно ли редактировать содержимое элемента. |
| controls | <audio>, <video> | Указывает, что должны отображаться элементы управления аудио или видео (например, кнопки воспроизведения и паузы). |
| coords | <area> | Задаёт координаты области. |
| data | <object> | Задаёт URL ресурса, который будет использоваться объектом. |
| data-* | Global Attributes | Хранит пользовательские данные, приватные для страницы или приложения. |
| datetime | <del>, <ins>, <time> | Задаёт дату и время. |
| default | <track> | Указывает, что дорожка будет включена, если настройки пользователя не указывают на другую более подходящую дорожку. |
| defer | <script> | Указывает, что скрипт выполняется после завершения парсинга страницы. Используется только для внешних скриптов. |
| dir | Global Attributes | Задаёт направление текста для содержимого элемента. |
| dirname | <textarea>, <input> | Указывает, что направление текста будет отправлено с формой. |
| disabled | <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> | Указывает, что указанный элемент или группа элементов должны быть отключены. |
| download | <a>, <area> | Указывает, что целевой файл будет загружен при нажатии пользователем на гиперссылку. |
| draggable | Global Attributes | Задаёт, можно ли перетаскивать элемент. |
| dropzone | Global Attributes | Задаёт, что происходит с перетащенными данными при сбросе: копирование, перемещение или создание ссылки. |
| enctype | <form> | Задаёт способ кодирования данных формы при отправке на сервер. Используется только для method="post". |
| for | <label>, <output> | Указывает, с каким элементом формы связан ярлык или результат вычисления. |
| form | <button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> | Задаёт имя формы, к которой принадлежит элемент. |
| formaction | <button>, <input> | Задаёт адрес отправки данных формы. Используется только для type="submit". |
| headers | <th>, <th> | Задаёт одну или несколько ячеек-заголовков, с которыми связана данная ячейка. |
| height | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Задаёт высоту элемента. |
| hidden | Global Attributes | Указывает, что элемент не является актуальным. |
| high | <meter> | Задаёт верхнюю границу диапазона, представленного элементом <meter>. |
| href | <a>, <area>, <base>, <link> | Задаёт URL страницы, на которую ведёт ссылка. |
| hreflang | <a>, <area>, <link> | Задаёт язык связанного документа. |
| http-equiv | <meta> | Задаёт HTTP-заголовок для значения атрибута content. |
| id | Global Attributes | Задаёт уникальный идентификатор для элемента. |
| ismap | <img> | Указывает, что изображение является серверной картой-изображением. |
| kind | <track> | Задаёт тип текстовой дорожки. |
| label | <track>, <option>, <optgroup> | Задаёт заголовок текстовой дорожки. |
| lang | Global Attributes | Задаёт язык содержимого элемента. |
| list | <input> | Ссылается на элемент <datalist>, содержащий предопределённые варианты для элемента <input>. |
| loop | <audio>, <video> | Указывает, что аудио или видео будет воспроизводиться повторно после окончания. |
| low | <meter> | Задаёт диапазон, считающийся низким значением. |
| max | <input>, <meter>, <progress> | Задаёт максимальное значение. |
| maxlength | <input>, <textarea> | Задаёт максимальное количество символов, которое может содержать элемент. |
| media | <a>, <area>, <link>, <source>, <style> | Задаёт тип медиаустройства, для которого оптимизирован связанный документ. |
| method | <form> | Задаёт HTTP-метод, используемый при отправке данных формы. |
| min | <input>, <meter> | Задаёт минимальное значение. |
| multiple | <input>, <select> | Указывает, что пользователь может ввести более одного значения. |
| muted | <audio>, <video> | Указывает, что звук видео должен быть отключён. |
| name | <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> | Задаёт имя элемента. |
| novalidate | <form> | Указывает, что форма не должна проверяться при отправке. |
| onabort | <audio>, <embed>, <img>, <object>, <video> | Скрипт, выполняемый при прерывании загрузки. |
| onafterprint | <body> | Скрипт, выполняемый после печати документа. |
| onbeforeunload | <body> | Скрипт, выполняемый перед выгрузкой документа. |
| onblur | Все видимые элементы. | Скрипт, выполняемый когда элемент теряет фокус. |
| oncanplay | <audio>, <embed>, <object>, <video> | Скрипт, выполняемый когда файл готов к воспроизведению. |
| oncanplaythrough | <audio>, <video> | Скрипт, выполняемый когда файл можно воспроизвести до конца без остановки на буферизацию. |
| onchange | Все видимые элементы. | Скрипт, выполняемый при изменении значения элемента. |
| onclick | Все видимые элементы. | Скрипт, выполняемый при нажатии на элемент. |
| oncontextmenu | Все видимые элементы. | Скрипт, выполняемый при вызове контекстного меню. |
| oncopy | Все видимые элементы. | Скрипт, выполняемый при копировании содержимого элемента. |
| oncuechange | <track> | Скрипт, выполняемый при изменении метки в элементе <track>. |
| oncut | Все видимые элементы. | Скрипт, выполняемый при вырезании содержимого элемента. |
| ondblclick | Все видимые элементы. | Скрипт, выполняемый при двойном нажатии на элемент. |
| ondrag | Все видимые элементы. | Скрипт, выполняемый при перетаскивании элемента. |
| ondragend | Все видимые элементы. | Скрипт, выполняемый по окончании операции перетаскивания. |
| ondragenter | Все видимые элементы. | Скрипт, выполняемый когда элемент перетащен на допустимую цель сброса. |
| ondragleave | Все видимые элементы. | Скрипт, выполняемый когда элемент покидает допустимую цель сброса. |
| ondragover | Все видимые элементы. | Скрипт, выполняемый когда элемент перетаскивается над допустимой целью сброса. |
| ondragstart | Все видимые элементы. | Скрипт, выполняемый в начале операции перетаскивания. |
| ondrop | Все видимые элементы. | Скрипт, выполняемый в начале операции сброса. |
| ondurationchange | <audio>, <video> | Скрипт, выполняемый при изменении длительности медиафайла. |
| onemptied | <audio>, <video> | Скрипт, выполняемый если происходит непредвиденная ситуация и файл становится недоступным. |
| onended | <audio>, <video> | Скрипт, выполняемый когда медиафайл достигает конца. |
| onerror | <audio>, <video>, <embed>, <object>, <script>, <style>, <body> | Скрипт, выполняемый при возникновении ошибки. |
| onfocus | Все видимые элементы. | Скрипт, выполняемый когда элемент получает фокус. |
| onhashchange | <body> | Скрипт, выполняемый при изменении якоря. |
| oninput | Все видимые элементы. | Скрипт, выполняемый когда элемент получает пользовательский ввод. |
| oninvalid | Все видимые элементы. | Скрипт, выполняемый когда элемент не прошёл проверку. |
| onkeydown | Все видимые элементы. | Скрипт, выполняемый при нажатии клавиши пользователем. |
| onkeypress | Все видимые элементы. | Скрипт, выполняемый при нажатии клавиши пользователем. |
| onkeyup | Все видимые элементы. | Скрипт, выполняемый при отпускании клавиши пользователем. |
| onload | <body>, <iframe>, <input>, <img>, <script>, <style>, <link> | Скрипт, выполняемый после завершения загрузки. |
| onloadeddata | <audio>, <video> | Скрипт, выполняемый при загрузке медиаданных. |
| onloadedmetadata | <audio>, <video> | Скрипт, выполняемый при загрузке метаданных. |
| onloadstart | <audio>, <video> | Скрипт, выполняемый в начале загрузки файла, до того как что-либо загружено. |
| onmousedown | Все видимые элементы. | Скрипт, выполняемый при нажатии кнопки мыши на элементе. |
| onmousemove | Все видимые элементы. | Скрипт, выполняемый при движении указателя мыши над элементом. |
| onmouseout | Все видимые элементы. | Скрипт, выполняемый когда указатель мыши покидает элемент. |
| onmouseup | Все видимые элементы. | Скрипт, выполняемый при отпускании кнопки мыши над элементом. |
| onmouseover | Все видимые элементы. | Скрипт, выполняемый когда указатель мыши перемещается над элементом. |
| onmousewheel | Все видимые элементы. | Скрипт, выполняемый при прокрутке колеса мыши над элементом. |
| onoffline | <body> | Скрипт, выполняемый когда браузер переходит в автономный режим. |
| ononline | <body> | Скрипт, выполняемый когда браузер переходит в онлайн-режим. |
| onpagehide | <body> | Скрипт, выполняемый когда пользователь уходит со страницы. |
| onpageshow | <body> | Скрипт, выполняемый когда пользователь переходит на страницу. |
| onpaste | Все видимые элементы. | Скрипт, выполняемый при вставке содержимого в элемент. |
| onpause | <audio>, <video> | Скрипт, выполняемый при постановке медиа на паузу. |
| onplay | <audio>, <video> | Скрипт, выполняемый при начале воспроизведения медиа. |
| onplaying | <audio>, <video> | Скрипт, выполняемый во время воспроизведения медиа. |
| onpopstate | <body> | Скрипт, выполняемый при изменении истории окна. |
| onprogress | <audio>, <video> | Скрипт, выполняемый пока браузер загружает медиаданные. |
| onratechange | <audio>, <video> | Скрипт, выполняемый при изменении скорости воспроизведения. |
| onreset | <form> | Скрипт, выполняемый при нажатии кнопки сброса в форме. |
| onresize | <body> | Скрипт, выполняемый при изменении размера окна браузера. |
| onscroll | Все видимые элементы. | Скрипт, выполняемый при прокрутке полосы прокрутки элемента. |
| onsearch | <input> | Скрипт, выполняемый когда пользователь вводит текст в поле поиска. |
| onseeked | <audio>, <video> | Скрипт, выполняемый когда атрибут seeking установлен в false, что означает завершение перемотки. |
| onseeking | <audio>, <video> | Скрипт, выполняемый когда атрибут seeking установлен в true, что означает активную перемотку. |
| onselect | Все видимые элементы. | Скрипт, выполняемый при выделении элемента. |
| onstalled | <audio>, <video> | Скрипт, выполняемый когда браузер не может получить медиаданные по каким-либо причинам. |
| onstorage | <body> | Скрипт, выполняемый при обновлении области Web Storage. |
| onsubmit | <form> | Скрипт, выполняемый при отправке формы. |
| onsuspend | <audio>, <video> | Скрипт, выполняемый когда загрузка медиаданных остановлена до полного завершения. |
| ontimeupdate | <audio>, <video> | Скрипт, выполняемый при изменении позиции воспроизведения. |
| ontoggle | <details> | Скрипт, выполняемый при открытии или закрытии элемента <details>. |
| onunload | <body> | Скрипт, выполняемый после выгрузки страницы. |
| onvolumechange | <audio>, <video> | Скрипт, выполняемый каждый раз при изменении громкости видео или аудио. |
| onwaiting | <audio>, <video> | Скрипт, выполняемый когда медиа поставлено на паузу, но ожидается продолжение воспроизведения. |
| onwheel | Все видимые элементы. | Скрипт, выполняемый при прокрутке колеса мыши вверх или вниз над элементом. |
| open | <details> | Указывает, что содержимое details должно быть видимым. |
| optimum | <meter> | Задаёт оптимальное значение для индикатора. |
| pattern | <input> | Задаёт регулярное выражение, с которым сверяется значение элемента <input>. |
| placeholder | <input>, <textarea> | Задаёт краткую подсказку, описывающую ожидаемое значение элемента. |
| poster | <video> | Задаёт изображение, отображаемое во время загрузки видео или до нажатия кнопки воспроизведения. |
| preload | <audio>, <video> | Задаёт, следует ли загружать аудио или видео при загрузке страницы и каким образом. |
| readonly | <input>, <textarea> | Указывает, что элемент доступен только для чтения. |
| rel | <a>, <area>, <link> | Задаёт отношение между текущим и связанным документами. |
| required | <input>, <textarea>, <select> | Указывает, что поле должно быть заполнено перед отправкой формы. |
| reversed | <ol> | Указывает, что список должен быть упорядочен по убыванию. Например: 5, 4, 3... |
| rows | <textarea> | Задаёт видимое количество строк в текстовом поле. |
| rowspan | <td>, <th> | Задаёт количество строк, объединяемых ячейкой таблицы. |
| sandbox | <iframe> | Включает дополнительный набор ограничений для содержимого элемента <iframe>. |
| scope | <th> | Задаёт, является ли ячейка-заголовок заголовком столбца, строки или группы столбцов/строк. |
| selected | <option> | Указывает, что вариант должен быть предварительно выбран при загрузке страницы. |
| shape | <area> | Задаёт форму области. |
| size | <input>, <select>, <embed>, <iframe> | Задаёт ширину в символах (для <input>) или количество видимых вариантов (для <select>). |
| sizes | <link>, <img>, <source> | Задаёт размер связанного ресурса. |
| span | <col>, <colgroup> | Задаёт количество охватываемых столбцов. |
| spellcheck | Global Attributes | Задаёт, следует ли проверять грамматику и орфографию элемента. |
| src | <img>, <source>, <audio>, <video>, <script>, <track>, <embed>, <iframe> | Задаёт URL медиафайла. |
| srcdoc | <iframe> | Задаёт HTML-содержимое страницы, отображаемой в элементе <iframe>. |
| srclang | <track> | Задаёт язык текстовых данных дорожки. |
| srcset | <img>, <source> | Задаёт URL изображения, которое может использоваться в разных ситуациях. |
| start | <ol> | Задаёт начальное значение упорядоченного списка. |
| step | <input> | Задаёт допустимые числовые интервалы для поля ввода. |
| style | Global Attributes | Задаёт встроенный CSS-стиль для элемента. |
| tabindex | Global Attributes | Задаёт порядок перехода по клавише Tab. |
| target | <a>, <area>, <base>, <form> | Задаёт место открытия связанного документа или отправки формы. |
| title | Global Attributes | Задаёт дополнительную информацию об элементе. |
| translate | Global Attributes | Задаёт, должен ли текстовый контент элемента переводиться браузером или инструментами перевода. |
| type | <embed>, <input>, <object>, <a>, <button>, <link>, <menu>, <object>, <script>, <source>, <style> | Задаёт тип элемента. |
| usemap | <object>, <img> | Указывает, что изображение является клиентской картой-изображением. |
| value | <button>, <input>, <li>, <option>, <meter>, <progress>, <param> | Задаёт значение элемента. |
| width | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Задаёт ширину элемента. |
| wrap | <textarea> | Задаёт способ переноса текста в текстовом поле при отправке формы. |
Смотрите также список глобальных HTML-атрибутов, которые можно использовать с любым HTML-элементом.