Справка по HTML атрибутам
Всем привет. Продолжаю наполнять сайт. И сегодняшняя тема 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") |
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> | Определяет диапазон, который считается низким значением |
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 | Все видимые элементы. | Скрипт, запускаемый при выборе элемента |
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>, <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> | Определяет, как текст в текстовой области должен быть обернут при отправке в форму |
Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию.
Это займёт не более минуты. Не волнуйтесь, мы не спамим!
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Комментарии
За что отвечает атрибут dir в HTML