Html основные теги шпаргалка

HTML5 шпаргалка

Элемент предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри контейнера находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем.

*-закрывающий тег не требуется.

Элементы тега

HTML тег определяет содержимое (контент) HTML-документа, которое отображается в окне браузера (текст, ссылки, картинки (изображения), таблицы, списки и т.д.). Он должен быть единственным в документе и всегда должен располагаться внутри элемента , сразу после элемента .

Теги документа

Тег	Описание	Атрибуты
	Cодержит все содержимое HTML-документа, например текст, гиперссылки, изображения, таблицы, списки и т. д.	Универсальные атрибуты и события
	Применяется для обозначения раздела страницы, содержащего завершенную, независимую композицию. Данный элемент может содержать в себе такую информацию как запись блога, товар в интернет-магазине, пост на форуме, газетная статья, любой другой независимый элемент содержимого или просто основной текст страницы.	Универсальные атрибуты и события
	Определяет блок сбоку от контента для размещения рубрик, ссылок на архив, меток и другой информации. Такой блок, как правило, называется «сайдбар» или «боковая панель».	Универсальные атрибуты и события
	Предназначен для хранения информации об авторе и может включать в себя любые элементы HTML вроде ссылок, текста, выделений и т.д. Планируется, что поисковые системы будут анализировать содержимое этого тега для сбора информации об авторах сайтов.	Универсальные атрибуты и события
	Содержит элементы, сгруппированные по темам.Применяться для блока новостей, контактной информации, глав текста, вкладок в диалоговом окне и др. Раздел обычно содержит заголовок. Допускается вкладывать один тег внутрь другого.	Универсальные атрибуты и события
	Задает «шапку» сайта или раздела, в которой обычно располагается заголовок.	Универсальные атрибуты и события
	Задаёт навигацию по сайту. Если на странице несколько блоков ссылок, то в обычно помещают приоритетные ссылки. Также допустимо использовать несколько в документе. Запрещается вкладывать внутрь .	Универсальные атрибуты и события
	Задаёт «подвал» сайта или раздела веб-страницы, в нём может располагаться имя автора, дата документа, контактная и правовая информация. нельзя вкладывать внутрь другого , а также внутрь элементов и . Внутри не должно быть элемента .	Универсальные атрибуты и события
	Используется для группирования заголовков веб-страницы или раздела. Внутри располагаются теги заголовков от до .	Универсальные атрибуты и события
..	Заголовок для текущего раздела.	Универсальные атрибуты и события
	Добавляет комментарий в код документа.	нет

— блочный элемент. Блочные элементы занимают всю ширину своего родителя (контейнера), формально создавая «блок».

Теги группировки, списки

* — закрывающий тег не требуется.

— блочный элемент. Блочные элементы занимают всю ширину своего родителя (контейнера), формально создавая «блок».

— строчный элемент. Используются для разметки частей содержимого элементов. Ширина строчного элемента равна объему содержимого.

Теги табличных данных

* — закрывающий тег не требуется.

Теги создания форм

* — закрывающий тег не требуется.

Интерактивные элементы

* — закрывающий тег не требуется.

Семантика и форматирование текста

* — закрывающий тег не требуется.

— строчный элемент. Используются для разметки частей содержимого элементов. Ширина строчного элемента равна объему содержимого.

Объектное встраивание контента

* — закрывающий тег не требуется.

Универсальные атрибуты

Атрибуты	Описание
accesskey	Определяет клавишу, активирующую элемент или переводящую на него фокус.
class	Содержит имя класса или список имен классов, разделенных пробелами (используются в CSS и JavaScript).
contenteditable	Указывает, может ли пользователь редактировать содержимое данного элемента или нет.
contextmenu	Контекстное меню для элемента (контекстное меню появляется , когда пользователь кликает правой кнопкой мыши на элементе).
dir	Определяет направление текста для содержания в элементе.
draggable	Определяет, может ли пользователь перетаскивать данный элемент или нет.
dropzone	Атрибут указывает, что следует делать при перетаскивании на элемент copy/move/link.
hidden	Скрывает содержимое элемента от просмотра на странице.
id	Определяет уникальный идентификатор для элемента, Атрибут должен использоваться только один раз в конкретном HTML-документе.
lang	Определяет язык содержимого в элементе.
spellcheck	Указывает браузеру проверять или нет правописание и грамматику в тексте элемента.
style	Задает встроенный (inline) CSS стиль для элемента.
tabindex	Указывает порядок приоритета при переходе между элементами при использовании клавиши «Tab».
title	Указывает дополнительную текстовую подсказку о содержимом при наведении курсора на элемент.
translate	Сообщает браузеру переводить указанный текст в элементе или нет.

Атрибуты событий

События клавиатуры

Атрибут	Описание
onkeydown	Скрипт срабатывает, когда пользователь нажимает на любую клавишу.
onkeypress	Скрипт срабатывает после того, как пользователь нажал на клавишу (не работает с такими клавишами как Alt, Ctrl, Shift, Esc, PrScr и т.п.).
onkeyup	Скрипт срабатывает после того, как нажатая клавиша была отпущена.

События мыши

Атрибут	Описание
onclick	Скрипт срабатывает при нажатии на элементе.
ondblclick	Скрипт срабатывает после двойного клика мыши на элементе.
ondrag	Скрипт срабатывает, когда элемент или выделенный текст перетаскивается.
ondragend	Скрипт срабатывает, когда пользователь закончил перетаскивание элемента (после операции перетаскивания).
ondragenter	Скрипт срабатывает, когда элемент будет перенесен на заданную зону (цель для переноса).
ondragleave	Скрипт срабатывает, когда элемент выходит из допустимой зоны для переноса.
ondragover	Скрипт срабатывает, когда элемент перемещают над допустимой зоной для переноса.
ondragstart	Скрипт срабатывает, когда пользователь начинает перетаскивать элемент.
ondrop	Скрипт срабатывает после того, как перетаскиваемый элемент опустился на объект перетаскивания.
onmousedown	Скрипт срабатывает при нажатии кнопки мыши на элементе.
onmousemove	Скрипт срабатывает, пока указатель мыши перемещается над элементом.
onmouseout	Скрипт срабатывает, когда указатель мыши перемещается за пределы элемента.
onmouseover	Скрипт срабатывает, когда указатель мыши начал перемещаться над элементом.
onmouseup	Скрипт срабатывает при отпускании кнопки мыши с элемента.
onscroll	Скрипт срабатывает во время прокручивания полосы прокрутки элемента.
onwheel	Скрипт срабатывает при использовании колеса мыши на элементе.

События формы

Атрибут	Описание
onblur	Скрипт срабатывает, когда элемент теряет фокус.
onchange	Скрипт срабатывает при изменении значений элемента.
oncontextmenu	Скрипт срабатывает при вызове контекстного меню на элементе.
onfocus	Скрипт срабатывает, когда элемент получает фокус.
oninput	Скрипт срабатывает, когда элемент получает ввод данных от пользователя.
oninvalid	Скрипт срабатывает, когда отправляемый элемент формы был проверен и не удовлетворяет ограничениям формы (например, не заполнено обязательное поле — атрибут required).
onreset	Скрипт срабатывает при сбросе формы.
onsearch	Скрипт срабатывает, когда пользователь нажимает клавишу «Enter» или кнопку «х» в элементе (type=»search»).
onselect	Скрипт срабатывает при выделении текста в элементе.
onsubmit	Скрипт срабатывает при отправке формы.

События буфера обмена

Атрибут	Описание
oncopy	Скрипт срабатывает, когда пользователь копирует содержимое элемента.
oncut	Скрипт срабатывает, когда пользователь вырезает содержимое элемента.
onpaste	Скрипт срабатывает, когда пользователь вставляет содержимое в элемент.

Атрибуты событий окна

Атрибут	Описание
onafterprint	Скрипт срабатывает после того, как документ будет напечатан.
onbeforeprint	Скрипт выполняется перед распечаткой документа.
onbeforeunload	Скрипт срабатывает до загрузки документа.
onerror	Скрипт срабатывает, при возникновении ошибки.
onhashchange	Скрипт срабатывает, в том случае если произошли изменения в названии #якоря в документе (из текущего URL-адреса).
onload	Скрипт запустится после завершения полной загрузки страницы (включая изображения, внешние таблицы стилей и внешние скрипты).
onmessage	Скрипт выполняется при срабатывании сообщения.
onoffline	Скрипт срабатывает, когда браузер начинает работать в автономном режиме.
ononline	Скрипт срабатывает, когда браузер начинает работать в онлайн.
onpagehide	Скрипт срабатывает, когда пользователь покидает страницу.
onpageshow	Скрипт срабатывает, когда пользователь переходит на страницу.
onpopstate	Скрипт срабатывает при изменении окна истории.
onresize	Скрипт срабатывает, когда окно браузера изменяется.
onstorage	Скрипт срабатывает, когда веб-хранилище данных обновляется.
onunload	Скрипт срабатывает при выходе пользователя из документа.

События медиа-файлов

Атрибут	Описание
onabort	Скрипт срабатывает при прерывании.
oncanplay	Скрипт срабатывает, когда файл будет готов, чтобы начать проигрывание (когда будет достаточно буферизирован, чтобы начать).
oncanplaythrough	Скрипт срабатывает, когда файл может быть воспроизведен полностью (от начала до конца), не останавливаясь для буферизации.
ondurationchange	Скрипт срабатывает при изменении длины продолжительности медиа файла.
onemptied	Скрипт срабатывает, когда произошла какая-то неполадка и файл стал недоступен (например при разрыве связи с интернетом).
onended	Скрипт срабатывает, когда аудио/видео файл дойдет до конца (например для вывода сообщения: спасибо за прослушивание/просмотр).
onerror	Скрипт срабатывает, если возникнет ошибка при загрузке файла.
onloadeddata	Скрипт срабатывает при загрузке данных медиа файла.
onloadedmetadata	Скрипт срабатывает, когда загружены мета-данные (например размер и продолжительность).
onloadstart	Скрипт срабатывает при загрузке файла прежде, чем начнет загружаться на самом деле.
onpause	Скрипт срабатывает, если воспроизведение файла приостановлено (нажали паузу) пользователем или программно.
onplay	Скрипт срабатывает, когда файл готов начать воспроизводиться.
onplaying	Скрипт срабатывает при воспроизведении файла.
onprogress	Скрипт срабатывает, когда браузер находится в процессе получения данных медиа файла.
onratechange	Скрипт срабатывает, каждый раз, при изменении режима воспроизведения (например, когда пользователь переключается на медленное воспроизведение или режим быстрой перемотки).
onseeked	Скрипт срабатывает, когда атрибут object.seeking у тегов или имеет значение «false» (пользователь не переходит на новые позиции воспроизведения — окончание «перемотки»).
onseeking	Скрипт срабатывает, когда атрибут object.seeking у тегов или имеет значение «true» (пользователь переходит к новой позиции воспроизведения — «перемотка»).
onstalled	Скрипт срабатывает, когда браузер не может получить данные медиа файла по любой причине.
onsuspend	Скрипт срабатывает, когда получение данных медиа файла прекращается, до окончания полной загрузки по любой причине.
ontimeupdate	Скрипт срабатывает, когда позиция воспроизведения изменилась (например, когда пользователь выбрал другую точку воспроизведения).
onvolumechange	Скрипт срабатывает каждый раз при изменении значения громкости звука (включая полное отключение звука).
onwaiting	Скрипт срабатывает, когда медиа файл остановлен, но ожидается возобновление запуска (например, когда файл делает паузу для буферизации оставшихся данных).

Прочие события

Атрибут	Описание
onerror	Скрипт срабатывает, когда происходит ошибка во время загрузки внешнего файла.
onshow	Скрипт срабатывает, когда элемент отображается как контекстное меню.
ontoggle	Скрипт срабатывает, когда пользователь открывает или закрывает элемент .

Источник