HTML атрибуты. Полный справочник
Курс по основам HTML. W3Schools на русском языке. Уроки для начинающих
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>, должен иметь автозаполнения enabled |
| 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 | Глобальные Атрибуты | Указывает, является ли содержимое элемента редактируемым или нет |
| 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 для информации / значения атрибута содержания |
| id | Глобальные Атрибуты | Задает уникальный идентификатор элемента |
| ismap | <img> | Задает изображение в качестве серверной карты изображений |
| kind | <track> | Указывает тип текстовой дорожки |
| label | <track>, <option>, <optgroup> | Задает заголовок текстовой дорожки |
| lang | Глобальные Атрибуты | Задает язык содержимого элемента |
| list | <input> | Относится к элементу <datalist>, который содержит предопределенные параметры для элемента <input> |
| 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> | Сценарий, который будет выполняться при изменении ключа в элементе <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="search">) |
| onseeked | <audio>, <video> | Сценарий, который будет выполняться, когда атрибут поиска имеет значение false, указывающее, что поиск закончился |
| onseeking | <audio>, <video> | Сценарий, который будет выполняться, если атрибут поиска имеет значение 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> | Указывает, что сведения должны быть видны (открыты) пользователю |
| 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 | Глобальные Атрибуты | Задает порядок табуляции элемента |
| 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> | Указывает, как текст в текстовой области должен быть обернут при отправке в форме |