Справочник по атрибутам HTML
В таблице ниже перечислены все атрибуты HTML и элементы, внутри которых они могут использоваться:
| Атрибут | Принадлежит | Описание |
|---|---|---|
| accept | <input> | Указывает типы файлов, которые принимает сервер (только для type="file") |
| accept-charset | <form> | Указывает кодировки символов, которые должны использоваться для отправки формы |
| accesskey | Глобальные атрибуты | Указывает клавишу быстрого доступа для активации/фокусировки элемента |
| action | <form> | Указывает, куда отправлять данные формы при ее отправке |
| align | Не поддерживается в HTML 5. | Указывает выравнивание относительно окружающих элементов. Используйте вместо этого CSS |
| alt | <area>, <img>, <input> | Указывает альтернативный текст, когда исходный элемент не может быть отображен |
| async | <script> | Указывает, что скрипт выполняется асинхронно (только для внешних скриптов) |
| autocomplete | <form>, <input> | Указывает, должна ли быть включена автозаполнение для <form> или <input> |
| autofocus | <button>, <input>, <select>, <textarea> | Указывает, что элемент должен автоматически получать фокус при загрузке страницы |
| autoplay | <audio>, <video> | Указывает, что аудио/видео начнет воспроизводиться, как только будет готово |
| bgcolor | Не поддерживается в HTML 5. | Указывает цвет фона элемента. Используйте вместо этого CSS |
| border | Не поддерживается в HTML 5. | Указывает ширину границы элемента. Используйте вместо этого CSS |
| charset | <meta>, <script> | Указывает кодировку символов |
| checked | <input> | Указывает, что <input> должен быть предварительно выбран при загрузке страницы (для type="checkbox" или type="radio") |
| cite | <blockquote>, <del>, <ins>, <q> | Указывает URL, объясняющий цитируемый/удаленный/вставленный текст |
| class | Глобальные атрибуты | Указывает одно или несколько имен классов для элемента (ссылается на класс в таблице стилей) |
| color | Не поддерживается в HTML 5. | Указывает цвет текста элемента. Используйте вместо этого CSS |
| cols | <textarea> | Указывает видимую ширину текстовой области |
| colspan | <td>, <th> | Указывает, сколько столбцов должна охватывать ячейка таблицы |
| content | <meta> | Дает значение, связанное с атрибутом http-equiv или name |
| contenteditable | Глобальные атрибуты | Указывает, является ли содержимое элемента редактируемым |
| controls | <audio>, <video> | Указывает, что должны отображаться элементы управления аудио/видео (например, кнопка воспроизведения/паузы и т.д.) |
| coords | <area> | Указывает координаты области |
| data | <object> | Указывает URL ресурса, используемого объектом |
| data-* | Глобальные атрибуты | Используется для хранения пользовательских данных, приватных для страницы или приложения |
| datetime | <del>, <ins>, <time> | Указывает дату и время |
| default | <track> | Указывает, что дорожка должна быть включена, если предпочтения пользователя не указывают на более подходящую другую дорожку |
| defer | <script> | Указывает, что скрипт выполняется после завершения разбора страницы (только для внешних скриптов) |
| dir | Глобальные атрибуты | Указывает направление текста для содержимого в элементе |
| dirname | <input>, <textarea> | Указывает, что направление текста будет отправлено |
| disabled | <button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea> | Указывает, что указанный элемент/группа элементов должны быть отключены |
| download | <a>, <area> | Указывает, что цель будет загружена, когда пользователь нажимает на гиперссылку |
| draggable | Глобальные атрибуты | Указывает, является ли элемент перетаскиваемым |
| enctype | <form> | Указывает, как должны кодироваться данные формы при их отправке на сервер (только для method="post") |
| enterkeyhint | Глобальные атрибуты | Указывает текст клавиши ввода на виртуальной клавиатуре |
| for | <label>, <output> | Указывает, с каким элементом формы связана метка/вычисление |
| form | <button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea> | Указывает имя формы, к которой принадлежит элемент |
| formaction | <button>, <input> | Указывает, куда отправлять данные формы при ее отправке. Только для type="submit" |
| headers | <td>, <th> | Указывает одну или несколько ячеек заголовков, с которыми связана ячейка |
| height | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Указывает высоту элемента |
| hidden | Глобальные атрибуты | Указывает, что элемент еще не или больше не релевантен |
| high | <meter> | Указывает диапазон, который считается высоким значением |
| href | <a>, <area>, <base>, <link> | Указывает URL страницы, на которую ведет ссылка |
| hreflang | <a>, <area>, <link> | Указывает язык связанного документа |
| http-equiv | <meta> | Предоставляет заголовок HTTP для информации/значения атрибута content |
| id | Глобальные атрибуты | Указывает уникальный идентификатор для элемента |
| inert | Глобальные атрибуты | Указывает, что браузер должен игнорировать этот раздел |
| inputmode | Глобальные атрибуты | Указывает режим виртуальной клавиатуры |
| ismap | <img> | Указывает изображение как карту изображения на стороне сервера |
| kind | <track> | Указывает тип текстовой дорожки |
| label | <track>, <option>, <optgroup> | Указывает название текстовой дорожки |
| lang | Глобальные атрибуты | Указывает язык содержимого элемента |
| 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 | <video>, <audio> | Указывает, что аудиовыход видео должен быть отключен |
| name | <button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea> | Указывает имя элемента |
| novalidate | <form> | Указывает, что форма не должна проверяться при отправке |
| onabort | <audio>, <embed>, <img>, <object>, <video> | Скрипт для выполнения при прерывании |
| onafterprint | <body> | Скрипт для выполнения после печати документа |
| onbeforeprint | <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>, <body>, <embed>, <img>, <object>, <script>, <style>, <video> | Скрипт для выполнения при возникновении ошибки |
| onfocus | Все видимые элементы. | Скрипт для выполнения, когда элемент получает фокус |
| onhashchange | <body> | Скрипт для выполнения при изменении якорной части URL |
| oninput | Все видимые элементы. | Скрипт для выполнения, когда элемент получает пользовательский ввод |
| oninvalid | Все видимые элементы. | Скрипт для выполнения, когда элемент недопустим |
| onkeydown | Все видимые элементы. | Скрипт для выполнения, когда пользователь нажимает клавишу |
| onkeypress | Все видимые элементы. | Скрипт для выполнения, когда пользователь нажимает клавишу |
| onkeyup | Все видимые элементы. | Скрипт для выполнения, когда пользователь отпускает клавишу |
| onload | <body>, <iframe>, <img>, <input>, <link>, <script>, <style> | Скрипт для выполнения, когда элемент завершил загрузку |
| onloadeddata | <audio>, <video> | Скрипт для выполнения при загрузке медиаданных |
| onloadedmetadata | <audio>, <video> | Скрипт для выполнения при загрузке метаданных (например, размеров и длительности) |
| onloadstart | <audio>, <video> | Скрипт для выполнения, как только файл начинает загружаться, до того, как что-либо фактически загрузится |
| onmousedown | Все видимые элементы. | Скрипт для выполнения при нажатии кнопки мыши на элементе |
| onmousemove | Все видимые элементы. | Скрипт для выполнения, пока указатель мыши перемещается над элементом |
| onmouseout | Все видимые элементы. | Скрипт для выполнения, когда указатель мыши покидает элемент |
| onmouseover | Все видимые элементы. | Скрипт для выполнения, когда указатель мыши наводится на элемент |
| onmouseup | Все видимые элементы. | Скрипт для выполнения, когда кнопка мыши отпущена над элементом |
| 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> | Скрипт для выполнения, когда пользователь что-то пишет в поле поиска (для <input type="search">) |
| onseeked | <audio>, <video> | Скрипт для выполнения, когда атрибут seeking установлен в false, указывая, что поиск завершен |
| onseeking | <audio>, <video> | Скрипт для выполнения, когда атрибут seeking установлен в true, указывая, что поиск активен |
| onselect | Все видимые элементы. | Скрипт для выполнения при выделении элемента |
| onstalled | <audio>, <video> | Скрипт для выполнения, когда браузер не может получить медиаданные по какой-либо причине |
| onstorage | <body> | Скрипт для выполнения при обновлении области веб-хранилища |
| onsubmit | <form> | Скрипт для выполнения при отправке формы |
| onsuspend | <audio>, <video> | Скрипт для выполнения, когда получение медиаданных остановлено до их полной загрузки по какой-либо причине |
| ontimeupdate | <audio>, <video> | Скрипт для выполнения при изменении позиции воспроизведения (например, когда пользователь перематывает в другую точку медиа) |
| ontoggle | <details> | Скрипт для выполнения, когда пользователь открывает или закрывает элемент <details> |
| onunload | <body> | Скрипт для выполнения при выгрузке страницы (или закрытии окна браузера) |
| onvolumechange | <audio>, <video> | Скрипт для выполнения каждый раз при изменении громкости видео/аудио |
| onwaiting | <audio>, <video> | Скрипт для выполнения, когда медиа приостановлено, но ожидается возобновление (например, когда медиа приостанавливается для буферизации дополнительных данных) |
| onwheel | Все видимые элементы. | Скрипт для выполнения при прокрутке колесика мыши вверх или вниз над элементом |
| open | <details> | Указывает, что подробности должны быть видимыми (открытыми) для пользователя |
| optimum | <meter> | Указывает, какое значение является оптимальным для датчика |
| pattern | <input> | Указывает регулярное выражение, по которому проверяется значение элемента <input> |
| placeholder | <input>, <textarea> | Указывает краткую подсказку, описывающую ожидаемое значение элемента |
| popover | Глобальные атрибуты | Указывает всплывающий элемент |
| popovertarget | <button>, <input> | Указывает, какой всплывающий элемент вызывать |
| popovertargetaction | <button>, <input> | Указывает, что происходит со всплывающим элементом при нажатии кнопки |
| poster | <video> | Указывает изображение, которое будет показываться во время загрузки видео или до нажатия пользователем кнопки воспроизведения |
| preload | <audio>, <video> | Указывает, следует ли и как автор считает, что аудио/видео должно загружаться при загрузке страницы |
| readonly | <input>, <textarea> | Указывает, что элемент доступен только для чтения |
| rel | <a>, <area>, <form>, <link> | Указывает связь между текущим документом и связанным документом |
| required | <input>, <select>, <textarea> | Указывает, что элемент должен быть заполнен перед отправкой формы |
| reversed | <ol> | Указывает, что порядок списка должен быть нисходящим (9,8,7...) |
| rows | <textarea> | Указывает видимое количество строк в текстовой области |
| rowspan | <td>, <th> | Указывает, сколько строк должна охватывать ячейка таблицы |
| sandbox | <iframe> | Включает дополнительный набор ограничений для содержимого в <iframe> |
| scope | <th> | Указывает, является ли ячейка заголовка заголовком для столбца, строки или группы столбцов или строк |
| selected | <option> | Указывает, что опция должна быть предварительно выбрана при загрузке страницы |
| shape | <area> | Указывает форму области |
| size | <input>, <select> | Указывает ширину в символах (для <input>) или количество видимых опций (для <select>) |
| sizes | <img>, <link>, <source> | Указывает размер связанного ресурса |
| span | <col>, <colgroup> | Указывает количество столбцов для охвата |
| spellcheck | Глобальные атрибуты | Указывает, должна ли проверяться орфография и грамматика элемента |
| src | <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video> | Указывает URL медиафайла |
| srcdoc | <iframe> | Указывает HTML-содержимое страницы для отображения в <iframe> |
| srclang | <track> | Указывает язык текстовых данных дорожки (обязательно, если kind="subtitles") |
| srcset | <img>, <source> | Указывает URL изображения для использования в различных ситуациях |
| start | <ol> | Указывает начальное значение нумерованного списка |
| step | <input> | Указывает допустимые числовые интервалы для поля ввода |
| style | Глобальные атрибуты | Указывает встроенный стиль CSS для элемента |
| tabindex | Глобальные атрибуты | Указывает порядок табуляции элемента |
| target | <a>, <area>, <base>, <form> | Указывает цель, куда открывать связанный документ или куда отправлять форму |
| title | Глобальные атрибуты | Указывает дополнительную информацию об элементе |
| translate | Глобальные атрибуты | Указывает, следует ли переводить содержимое элемента |
| type | <a>, <button>, <embed>, <input>, <link>, <menu>, <object>, <script>, <source>, <style> | Указывает тип элемента |
| usemap | <img>, <object> | Указывает изображение как клиентскую карту изображения |
| value | <button>, <input>, <li>, <option>, <meter>, <progress>, <param> | Указывает значение элемента |
| width | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> | Указывает ширину элемента |
| wrap | <textarea> | Указывает, как текст в текстовой области должен переноситься при отправке в форме |