HTML5 теги / элементы

Структурные метки

<a>
Определяет гиперссылку.
<article>
Определяет статью.
<aside>
Определяет некоторый контент, слабо связанный с содержанием страницы.
<body>
Определяет тело документа.
<br>
Производит разрыв строки.
<details>
Представляет виджет, из которого пользователь может получить дополнительную информацию или элементы управления по запросу.
<div>
Определяет разделение или раздел в документе.
<h1> to <h6>
Определяет заголовки HTML.
<head>
Определяет заголовок документа, который содержит информацию о документе.
<header>
Представляет заголовок документа или раздела.
<hgroup>
Определяет группу заголовков.
<hr>
Произведите горизонтальную линию.
<html>
Определяет корень документа HTML.
<footer>
Представляет нижний колонтитул документа или раздела.
<nav>
Определяет раздел навигационных ссылок.
<p>
Определяет абзац.
<section>
Определяет раздел документа, такой как верхний и нижний колонтитулы и т. Д.
<span>
Определяет встроенный без стилей раздел в документе.
<summary>
Определяет сводку для <details>элемента.

Метаданные теги

<base>
Определяет базовый URL для всех связанных объектов на странице.
<basefont>
Устаревший Задает базовый шрифт для страницы.
<link>
Определяет связь между текущим документом и внешним ресурсом.
<meta>
Предоставляет структурированные метаданные о содержании документа.
<style>
Вставляет информацию о стиле (обычно CSS) в заголовок документа.
<title>
Определяет заголовок для документа.

Теги формы

<button>
Создает нажимаемую кнопку.
<datalist>
Представляет набор предопределенных параметров для <input>элемента.
<fieldset>
Определяет набор связанных полей формы.
<form>
Определяет форму HTML для пользовательского ввода.
<input>
Определяет элемент управления вводом.
<keygen>
Представляет элемент управления для создания пары открытый-закрытый ключ.
<label>
Определяет метку для элемента <input>управления.
<legend>
Определяет заголовок для <fieldset>элемента.
<meter>
Представляет скалярное измерение в известном диапазоне.
<optgroup>
Определяет группу связанных параметров в списке выбора.
<option>
Определяет параметр в списке выбора.
<select>
Определяет список выбора в форме.
<textarea>
Определяет многострочное управление вводом текста (текстовая область).

Форматирование тегов

<abbr>
Определяет сокращенную форму более длинного слова или фразы.
<acronym>
Определяет аббревиатуру.
<address>
Определяет контактную информацию автора.
<b>
Отображает текст жирным шрифтом.
<bdi>
Представляет текст, который изолирован от его окружения для целей двунаправленного форматирования текста.
<bdo>
Переопределяет текущее направление текста.
<big>
отображает текст в большом размере.
<blockquote>
Определяет длинную цитату.
<center>
Устаревшее Выровнять содержимое по центру вмещающего блока.
<cite>
Указывает на ссылку или ссылку на другой источник.
<code>
Определяет текст как компьютерный код.
<del>
Определяет блок удаленного текста.
<dfn>
Определяет определение.
<em>
Определяет выделенный текст.
<font>
Устаревший Определяет шрифт, цвет и размер текста.
<i>
Отображает текст курсивом.
<ins>
Определяет блок текста, который был вставлен в документ.
<kbd>
Определяет текст как ввод с клавиатуры.
<mark>
Представляет текст, выделенный для справочных целей.
<output>
Представляет результат расчета.
<pre>
Определяет блок предварительно отформатированного текста.
<progress>
Представляет ход выполнения задачи.
<q>
Определяет короткую встроенную цитату.
<rp>
Предоставляет запасную скобку для браузеров, которые не поддерживают аннотации ruby.
<rt>
Определяет произношение символов, представленных в рубиновых аннотациях.
<ruby>
Представляет рубиновую аннотацию.
<s>
Устаревший Отображает текст в зачеркнутом стиле.
<samp>
Указывает текст в качестве примера вывода из компьютерной программы.
<small>
Отображает текст в меньшем размере.
<strike>
Устаревший Отображает текст в зачеркнутом стиле.
<strong>
Укажите сильно подчеркнутый текст.
<sub>
Определяет подписанный текст.
<sup>
Определяет надстрочный текст.
<tt>
Отображает текст в стиле телетайпа.
<u>
Устаревший Отображает текст с подчеркиванием.
<var>
Определяет переменную.
<wbr>
Представляет возможность разрыва строки.

Теги списка

<dd>
Определяет определение для термина в списке определений.
<dir>
Устаревший Определяет список каталогов.
<dl>
Определяет список определений.
<dt>
Определяет термин (элемент) в списке определений.
<li>
Определяет элемент списка.
<ol>
Определяет упорядоченный список.
<menu>
Представляет список команд.
<ul>
Определяет неупорядоченный список.

Теги таблицы

<caption>
Определяет заголовок таблицы.
<col>
Определяет значения атрибутов для одного или нескольких столбцов в таблице.
<colgroup>
Определяет атрибуты для нескольких столбцов в таблице.
<div>
Определяет таблицу данных.
<tbody>
Группирует набор строк, определяющих основную часть данных таблицы.
<td>
Определяет ячейку в таблице.
<tfoot>
Группирует набор строк, суммирующих столбцы таблицы.
<thead>
Группирует набор строк, который описывает метки столбцов таблицы.
<th>
Определяет ячейку заголовка в таблице.
<tr>
Определяет ряд ячеек в таблице.

Скриптовые теги

<noscript>
Определяет альтернативный контент для отображения, когда браузер не поддерживает скрипты.
<script>
Помещает скрипт в документ для обработки на стороне клиента.

Теги встраиваемого контента

<applet>
Устаревший Встраивает апплет Java (мини-приложения Java) на страницу. <object>Вместо этого используйте элемент.
<area>
Определяет конкретную область на карте изображения.
<audio>
Встраивает звук или аудиопоток в документ HTML.
<canvas>
Определяет область в документе, которая может использоваться для рисования графики на лету с помощью сценариев (обычно JavaScript).
<embed>
Встраивает внешнее приложение, обычно мультимедийный контент, такой как аудио или видео, в документ HTML.
<figcaption>
Определяет подпись или легенду для фигуры.
<figure>
Представляет фигуру, иллюстрированную как часть документа.
<frame>
Определяет один кадр в наборе кадров.
<frameset>
Определяет коллекцию кадров или другой набор кадров.
<iframe>
Отображает URL-адрес во встроенном фрейме.
<img>
Отображает встроенное изображение.
<map>
Определяет клиентское изображение-карту.
<noframes>
Определяет альтернативный контент, который отображается в браузерах, которые не поддерживают фреймы.
<object>
Определяет внедренный объект.
<param>
Определяет параметр для объекта или элемента апплета.
<source>
Определяет альтернативные медиа-ресурсы для медиа-элементов, таких как <audio>или <video>.
<time>
Представляет время и / или дату.
<video>
Встраивает видеоконтент в документ HTML.

Глобальные атрибутыВ дополнение к атрибутам, специфичным для элемента, HTML5 определяет несколько атрибутов, общих для всех элементов. Эти атрибуты могут быть указаны для всех элементов, за некоторыми исключениями, когда это не имеет значения, например, элементы, найденные в <head>разделе документа, например <base>, <script>и <title>т.д.

accesskey = shortcut key
Определяет сочетание клавиш для активации или фокусировки элемента.
class = classname
Назначает элементу имя класса или список имен классов через пробел.
contentedidiv = true
false
Указывает, является ли содержимое элемента доступным для редактирования пользователем или нет.
contextmenu = menu-id
Определяет контекстное меню для элемента. Контекстное меню - это меню, которое появляется, когда пользователь нажимает правую кнопку мыши на элементе.
data-* = data
Указано для любого элемента HTML, для хранения пользовательских данных, специфичных для данной страницы.
dir = ltr
rtl
Определяет базовое направление направленности текста элемента.
draggable = true
false
Определяет, является ли элемент перетаскиваемым или нет.
dropzone = copy
move
link
Указывает, будут ли перетаскиваемые данные копироваться, перемещаться или связываться при удалении.
hidden = hidden
Указывает, что элемент еще не является или более не является релевантным.
id = name
Указывает уникальный идентификатор (ID) для элемента, который должен быть уникальным во всем документе.
lang = language-code
Задает основной язык для текстового содержимого элемента.
spellcheck = true
false
Указывает, может ли элемент проверяться на наличие орфографических ошибок или нет.
style = style
Определяет встроенную информацию стиля для элемента.
tabindex = number
Определяет порядок табуляции элемента.
title = text
Предоставляет консультативную информацию, связанную с элементом. Это будет уместно для всплывающей подсказки.
translate = yes
no
Указывает, следует ли переводить текстовое содержимое элемента или нет.
xml:lang = language-code
Задает основной язык для текстового содержимого элемента в документах XHTML.

События windowСобытия, связанные с window объектом (относится к <body> тегу):

OnAfterPrint = script
Срабатывает после печати соответствующего документа.
OnBeforePrint = script
Срабатывает до того, как соответствующий документ напечатан.
onbeforeunload = script
Запускается до выгрузки документа.
OnError = script
Срабатывает при возникновении ошибок в документе.
onhashchange = script
Запускается, когда часть идентификатора фрагмента URL документа, т.е. часть URL, которая следует за знаком (#), изменяется.
onload = script
Запускается, когда документ закончил загрузку.
OnMessage = script
Срабатывает, когда происходит событие сообщения, т. Е. Когда пользователь отправляет кросс-документное сообщение или сообщение от рабочего с postMessage()методом.
onoffline = script
Срабатывает при сбое сетевого подключения, и браузер начинает работать в автономном режиме.
ononline = script
Срабатывает, когда сетевые подключения возвращаются и браузер начинает работать в сети.
onpagehide = script
Срабатывает, когда страница скрыта, например, когда пользователь переходит на другую веб-страницу.
onpageshow = script
Срабатывает, когда отображается страница, например, когда пользователь переходит на веб-страницу.
onpopstate = script
Срабатывает, когда вносятся изменения в активную историю.
OnResize = script
Запускается при изменении размера окна браузера.
onstorage = script
Запускается при обновлении области веб-хранилища.
OnUnload = script
Срабатывает непосредственно перед выгрузкой документа или закрытием окна браузера.

События formСобытия, которые происходят в следствии взаимодействия пользователя с элементами управления HTML-формы.

onBlur = script
Срабатывает, когда элемент теряет фокус.
onchange = script
Запускается при изменении значения или состояния элемента.
OnFocus = script
Срабатывает, когда элемент получает фокус.
oninput = script
Запускается, когда значение элемента изменяется пользователем.
oninvalid = script
Вызывается, когда отправляемый элемент не удовлетворяет их ограничениям во время проверки формы.
OnReset = script
Запускается, когда пользователь сбрасывает форму.
onselect = script
Срабатывает, когда какой-либо текст выделяется или текущий выбор изменяется пользователем.
onsearch = script
Срабатывает, когда пользователь что-то пишет в поле ввода поиска.
onsubmit = script
Запускается при отправке формы.

События mouseСобытия, которые происходят в следствии взаимодействия пользователя с указательным устройством мышь

onClick = script
Срабатывает, когда пользователь нажимает левую кнопку мыши на элементе.
ondblclick = script
Запускается, когда пользователь дважды щелкает элемент.
oncontextmenu = script
Вызывается, когда пользователь запускает контекстное меню, щелкая правой кнопкой мыши на элементе.
ondrag = script
Запускается, когда пользователь перетаскивает элемент. В ondragсрабатывает событие всей операции перетаскивания.
ondragend = script
Срабатывает, когда пользователь отпускает кнопку мыши в конце операции перетаскивания.
OnDragEnter = script
Запускается, когда пользователь перетаскивает элемент в допустимую цель удаления.
OnDragLeave = script
Запускается, когда элемент покидает допустимую цель перетаскивания во время операции перетаскивания.
OnDragOver = script
Запускается, когда элемент перетаскивается над допустимой целью перетаскивания.
ondragstart = script
Срабатывает, когда пользователь начинает перетаскивать выделенный текст или выделенный элемент.
OnDrop = script
Срабатывает, когда кнопка мыши отпущена во время операции перетаскивания, т.е. когда перетаскиваемый элемент отбрасывается.
OnMouseDown = script
Срабатывает, когда кнопка мыши нажата над элементом.
OnMouseMove = script
Срабатывает, когда пользователь наводит указатель мыши на элемент.
onmouseout = script
Запускается, когда пользователь перемещает указатель мыши за пределы элемента.
onmouseover = script
Запускается, когда пользователь перемещает указатель мыши на элемент.
OnMouseUp = script
Срабатывает, когда пользователь отпускает кнопку мыши, когда мышь находится над элементом.
OnMouseWheel = script
Устаревший Используйте onwheelвместо этого атрибут.
OnScroll = script
Запускается, когда пользователь прокручивает содержимое элемента, прокручивая полосу прокрутки элемента.
OnShow = script
Запускается, когда contextmenuсобытие запускается для элемента, который имеет contextmenu атрибут.
ontoggle = script
Запускается, когда пользователь открывает или закрывает <details>элемент.
onwheel = script
Срабатывает, когда пользователь прокручивает содержимое элемента, прокручивая колесо мыши вверх или вниз по элементу.

События keyboardСобытия, возникающие при взаимодействии пользователя с клавиатурой

OnKeyDown = script
Срабатывает, когда пользователь нажимает клавишу.
OnKeyPress = script
Срабатывает, когда пользователь нажимает буквенно-цифровую клавишу.
OnKeyUp = script
Срабатывает, когда пользователь отпускает ключ.

События буфера обменаСобытия, связанные с изменением буфера обмена, то есть копирование, вырезание и вставка

oncopy = script
Запускается, когда пользователь копирует элемент или выделение, добавляя его в системный буфер обмена.
oncut = script
Запускается, когда элемент или выделение удаляются из документа и добавляются в системный буфер обмена.
onpaste = script
Запускается, когда пользователь вставляет данные, перенося данные из системного буфера обмена в документ.

События mediaСобытия, возникающие при обработке медиа-элементов, встроенных в документы HTML, таких как <audio> и <video> элементы

OnAbort = script
Срабатывает, когда воспроизведение прерывается, но не из-за ошибки.
oncanplay = script
Срабатывает, когда доступно достаточно данных для воспроизведения мультимедиа, по крайней мере, на пару кадров, но потребуется дополнительная буферизация.
oncanplaythrough = script
Срабатывает, когда весь носитель может быть воспроизведен до конца, не требуя остановки для дальнейшей буферизации.
oncuechange = script
Запускается, когда метка текстовой дорожки в <track>элементе изменяется.
ondurationchange = script
Запускается, когда продолжительность медиа меняется.
onemptied = script
Срабатывает, когда медиа-элемент сбрасывается в исходное состояние, либо из-за фатальной ошибки во время загрузки, либо из-за load()вызова метода для его перезагрузки.
onended = script
Срабатывает, когда достигнут конец воспроизведения.
OnError = script
Срабатывает, когда возникает ошибка при получении медиа-данных.
onloadeddata = script
Запускается, когда медиа-данные загружаются в текущей позиции воспроизведения.
onloadedmetadata = script
Запускается, когда метаданные носителя (например, продолжительность и размеры) закончили загрузку.
onloadstart = script
Срабатывает, когда начинается загрузка носителя.
OnPause = script
Срабатывает, когда воспроизведение приостановлено, пользователем или программно.
onplay = script
Срабатывает, когда воспроизведение мультимедиа начинается после приостановки, т.е. когда play()запрашивается метод.
onplaying = script
Запускается, когда начинается воспроизведение аудио или видео.
onprogress = script
Периодически срабатывает, чтобы показать прогресс при загрузке медиа-данных.
onratechange = script
Срабатывает, когда скорость или скорость воспроизведения увеличивается или уменьшается, например, в режиме замедленной съемки или ускоренной перемотки вперед.
onseeked = script
Срабатывает, когда операция поиска заканчивается.
onseeking = script
Запускается при перемещении текущей позиции воспроизведения.
onstalled = script
Срабатывает, когда загрузка неожиданно остановилась.
onsuspend = script
Срабатывает, когда загрузка носителя намеренно остановлена.
ontimeupdate = script
Срабатывает, когда позиция воспроизведения изменилась, например, когда пользователь переходит вперед в другую позицию воспроизведения.
onvolumechange = script
Срабатывает, когда громкость меняется, или воспроизведение отключено или включено.
onwaiting = script
Срабатывает, когда воспроизведение останавливается, потому что следующий кадр видео ресурса недоступен.

Код статуса HTTP

200
сервер успешно вернул страницу
404
запрашиваемая страница не существует
503
сервер временно недоступен

1xx Информационный

100 Продолжить
Это означает, что клиент должен продолжить свой запрос. Сервер возвращает этот код ответа, чтобы сообщить клиенту, что начальная часть запроса была получена и еще не была отклонена сервером.
101 протокол переключения
Это означает, что запрашивающая сторона попросила сервер переключить протоколы, и сервер подтверждает, что он это сделает.

2xx успешно

200 ОК
Сервер успешно обработал запрос. Как правило, это означает, что сервер предоставил запрашиваемую страницу.
201 Создано
Это означает, что запрос был успешным, и сервер создал новый ресурс.
202 Принято
Это означает, что сервер принял запрос на обработку, но обработка не была завершена.
203 Неофициальная информация
Это означает, что сервер успешно обработал запрос, но возвращает информацию, которая может быть из другого источника.
204 Нет содержимого
Это означает, что сервер успешно обработал запрос, но не возвращает никакого контента.
204 Нет содержимого
Это означает, что сервер успешно обработал запрос, но не возвращает никакого контента.
205 Сбросить содержимое
Это означает, что сервер успешно обработал запрос, но не возвращает никакого контента. В отличие от ответа 204, этот ответ требует, чтобы запрашивающая сторона сбросила представление документа.
206 Частичное содержание
Сервер доставляет только часть ресурса из-за заголовка диапазона, отправленного клиентом.

3xx Перенаправление

300 множественных вариантов
Указывает несколько параметров для ресурса, за которым может следовать клиент. Например, его можно использовать для представления разных форматов видео или списка файлов с разными расширениями.
301 перемещено навсегда
Запрашиваемая страница была навсегда перемещена в новое место. Когда сервер возвращает этот ответ, он автоматически перенаправляет запрашивающую сторону в новое местоположение.
302 найдено
Это означает, что запрашиваемый ресурс временно находится в другом месте, но запрашивающий должен продолжать использовать исходное местоположение для будущих запросов.
303 См. Другое
Это означает, что ответ на запрос может быть найден в другом месте с использованием метода GET.
304 Не модифицировано
Указывает, что запрошенный ресурс не был изменен с момента последнего запроса.
305 Использовать прокси
Это означает, что запрашивающий может получить доступ к запрашиваемому ресурсу только через прокси. Многие HTTP-клиенты (такие как Mozilla и Internet Explorer) неправильно обрабатывают ответы с этим кодом состояния, в основном из соображений безопасности.
306 Switch Proxy
Больше не используется.
307 Временный редирект
Это означает, что запрашиваемый ресурс временно находится в другом месте, но запрашивающий должен продолжать использовать исходное местоположение для будущих запросов. В отличие от 302, метод запроса не должен изменяться при повторном выдаче исходного запроса. Например, запрос POST должен повторяться с использованием другого запроса POST.
308 постоянный редирект (экспериментальный)
Это означает, что запрос и все последующие запросы должны повторяться с использованием другого URL. 307 и 308 (как предложено) соответствуют поведению 302 и 301, но не позволяют методу HTTP измениться.

Ошибка клиента 4xx

ошибка 400, неверный запрос
Это означает, что запрос не может быть выполнен из-за неправильного синтаксиса.
401 Несанкционированный
Запрос требует аутентификации пользователя. Сервер может вернуть этот ответ для страницы за логином.
402 Требуется оплата
Этот код зарезервирован для будущего использования. Первоначально предполагалось, что этот код может использоваться как часть какой-либо формы цифровой наличности или схемы микроплатежей, но этого не произошло.
403 Запрещено
Запрос был действительным, но сервер отказывается отвечать на него. В отличие от несанкционированного ответа 401, аутентификация не имеет значения.
404 Не Найдено
Это означает, что сервер не может найти запрошенную страницу. Например, сервер часто возвращает этот код, если запрос относится к странице, которой нет на сервере.
405 метод не разрешен
Это означает, что метод, указанный в запросе, не разрешен. Например, используя GET в форме, которая требует представления данных через POST.
406 Недопустимо
Это означает, что запрошенный ресурс не может ответить с запрошенными характеристиками содержимого.
Требуется 407 прокси-аутентификация
Этот код похож на 401 (Неавторизованный), но указывает, что клиент должен сначала аутентифицировать себя с прокси.
408 Время ожидания запроса
Тайм-аут сервера в ожидании запроса. Это означает, что клиент не выдал запрос в то время, когда сервер был готов ждать. Клиент МОЖЕТ повторить запрос без изменений в любое более позднее время.
409 конфликт
Это означает, что запрос не может быть выполнен из-за конфликта с текущим состоянием ресурса.
410 ушел
Указывает, что запрошенный ресурс больше не доступен на сервере и больше не будет доступен.
Требуемая длина 411
Это означает, что сервер отказывается принять запрос без определенной длины содержимого.
412 Не выполнено предварительное условие
Это означает, что сервер не удовлетворяет одному из предварительных условий, которые запрашивающая сторона ставит в запросе.
413 Запросить объект слишком большой
Это означает, что сервер отказывается обрабатывать запрос, потому что он больше, чем сервер хочет или может обработать.
414 URI запроса слишком длинный
Это означает, что сервер отказывается обрабатывать запрос, потому что Request-URI (как правило, URL) длиннее, чем сервер готов интерпретировать.
413 Запросить объект слишком большой
Это означает, что сервер отказывается обрабатывать запрос, потому что он больше, чем сервер хочет или может обработать.
413 Запросить объект слишком большой
Это означает, что сервер отказывается обрабатывать запрос, потому что он больше, чем сервер хочет или может обработать.
415 неподдерживаемый тип носителя
Сервер отказывается обрабатывать запрос, потому что объект запроса находится в формате, который не поддерживается сервером или запрашиваемым ресурсом.
416 Запрошенный диапазон не удовлетворяет
Сервер возвращает этот код состояния, если запрос относится к диапазону, недоступному для выбранного ресурса.
417 Ожидание не удалось
Это означает, что сервер не может соответствовать требованиям поля заголовка запроса Expect.

5xx Ошибка сервера

500 - внутренняя ошибка сервера
Это означает, что сервер обнаружил непредвиденное состояние, которое не позволило ему обработать запрос.
501 не реализовано
Это означает, что сервер либо не распознает метод запроса, либо ему не хватает возможности обработать запрос.
502 Неверный шлюз
Это означает, что сервер, действуя как шлюз или прокси, получил неверный ответ от вышестоящего сервера, к которому он обращался при попытке выполнить запрос.
сервис 503 недоступен
Это означает, что сервер в настоящее время не может обработать запрос, потому что он перегружен или отключен для обслуживания. Как правило, это временное состояние.
Ошибка 504 Время ответа сервера истекло
Это означает, что сервер, действуя как шлюз или прокси, не получил своевременный ответ от вышестоящего сервера.
Версия HTTP 505 не поддерживается
Это означает, что сервер не поддерживает или отказывается поддерживать версию протокола HTTP, используемую в запросе.