HTML Атрибуты. Справочник
Все HTML Атрибуты
В данной таблице собраны все атрибуты, что используются в HTML5 на этот момент.
| Атрибуты | Принадлежность | Описание |
|---|---|---|
| accept | <input> | Определяет типы файлов, которые принимает сервер (только для type='file') |
| accept-charset | <form> | Определяет кодировку символов, которая будет использоваться при отправке формы |
| accesskey | Глобальные атрибуты | Определяет комбинацию клавиш для активации / фокусировки элемента |
| 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 | Глобальные атрибуты | Определяет одно или несколько имён классов для элемента (ссылается на класс в таблице стилей) |
| color | Не поддерживается в HTML5. | Определяет цвет текста элемента. Используйте CSS |
| cols | <textarea> | Определяет видимую ширину текстовой области |
| colspan | <td>, <th> | Определяет количество столбцов, которые должна охватывать ячейка таблицы |
| content | <meta> | Задаёт значение, связанное с http-equiv или атрибутом name |
| contenteditable | Глобальные атрибуты | Определяет, можно ли редактировать содержимое элемента |
| contextmenu | Глобальные атрибуты | Определяет контекстное меню для элемента. Контекстное меню появляется, когда пользователь нажимает правой кнопкой мыши на элементе |
| 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 | Глобальные атрибуты | Определяет, можно ли перетаскивать элемент |
| dropzone | Глобальные атрибуты | Определяет, можно ли перетаскиваемые данные копировать, перемещать или связывать |
| enctype | <form> | Определяет, как данные формы должны быть закодированы при отправке на сервер (только для method="post") |
| 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 | Глобальные атрибуты | Определяет уникальный идентификатор элемента |
| ismap | <img> | Определяет изображение как серверную карту изображений |
| kind | <track> | Определяет тип текстовой дорожки |
| label | <track>, <option>, <optgroup> | Определяет заголовок текстовой дорожки |
| lang | Глобальные атрибуты | Определяет язык содержимого элемента |
| list | <input> | Связывает элемент с <datalist>, содержащим заранее определённые варианты ввода |
| loop | <audio>, <video> | Определяет, что аудио/видео будет начинаться заново после завершения |
| low | <meter> | Определяет диапазон, который считается низким значением |
| manifest | <html> | Определяет расположение манифеста кеша документа |
| 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> | Скрипт, который запускается при изменении cue‑данных в элементе <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 | Все видимые элементы. | Скрипт, который запускается при выделении текста или элемента |
| onshow | <menu> | Скрипт, который запускается при отображении элемента <menu> как контекстного меню |
| 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> | Определяет, что содержимое элемента <details> должно быть открыто |
| optimum | <meter> | Определяет оптимальное значение для индикатора |
| pattern | <input> | Определяет регулярное выражение, по которому проверяется значение элемента <input> |
| placeholder | <input>, <textarea> | Определяет короткую подсказку, описывающую ожидаемое значение элемента |
| poster | <video> | Определяет изображение, которое отображается во время загрузки видео или до нажатия кнопки воспроизведения |
| preload | <audio>, <video> | Определяет, должно ли аудио/видео быть загружено при загрузке страницы |
| readonly | <input>, <textarea> | Определяет, что элемент доступен только для чтения |
| rel | <a>, <area>, <link> | Определяет связь между текущим документом и связанным документом |
| required | <input>, <select>, <textarea> | Определяет, что элемент должен быть заполнен перед отправкой формы |
| reversed | <ol> | Определяет, что порядок списка должен быть обратным (9,8,7...) |
| rows | <textarea> | Определяет видимое количество строк в текстовой области |
| rowspan | <td>, <th> | Определяет количество строк, которые должна занимать ячейка таблицы |
| sandbox | <iframe> | Включает дополнительные ограничения для содержимого внутри <iframe> |
| scope | <th> | Определяет, является ли заголовочная ячейка заголовком столбца, строки или группы столбцов/строк |
| scoped | <style> | Определяет, что стиль применяется только к родительскому элементу и его дочерним элементам |
| 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 | Глобальные атрибуты | Определяет порядок перехода к элементу при навигации с помощью клавиши Tab |
| target | <a>, <area>, <base>, <form> | Определяет целевой объект для открытия связанного документа или отправки формы |
| title | Глобальные атрибуты | Определяет дополнительные сведения об элементе |
| translate | Глобальные атрибуты | Определяет, должен ли содержимый текст элемента быть переведён |
| type | <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> | Определяет, как текст в текстовой области должен переноситься при отправке формы |
