| Основные теги |
| … | Первый и последний тег документа HTML. Все остальные теги лежат между этими открывающими и закрывающими тегами. |
| … | Определяет коллекцию метаданных для документа. |
| … | Описывает заголовок страницы и отображается в строке заголовка браузера. |
| … | Включает в себя весь контент, который будет отображаться на веб-странице. |
| Информация о документе |
| Упоминает базовый URL и все относительные ссылки на документ. |
| Для получения дополнительной информации о странице, такой как автор, дата публикации и т. Д. |
| Ссылки на внешние элементы, такие как таблицы стилей. |
| Содержит информацию о стиле документа, например CSS (каскадные таблицы стилей). |
| Содержит ссылки на внешние скрипты. |
| Форматирование текста |
… ИЛИ
… | Делает текст жирным. |
| … | Курсив текста и делает его жирным. |
| … | Курсив текста, но не делает его жирным шрифтом. |
… | Зачеркнутый текст. |
| … | Цитирует автора цитаты. |
… | Помечает удаленную часть текста. |
| … | Показывает раздел, который был вставлен в контент. |
…
| Для отображения цитат. Часто используется с тег. |
… | Для более коротких цитат. |
| … | Для сокращений и полных форм. |
|
… | Определяет контактные данные. |
| … | Для определения. |
... | Для фрагментов кода. |
| … | Для написания подписки |
| … | Для написания верхнего индекса. |
| … | Для уменьшения размера текста и маркировки избыточной информации в HTML5. |
| Структура документа |
| … | Разные уровни заголовков. H1 – самый большой, а H6 – самый маленький. |
| … | Для разделения контента на блоки. |
| … | Включает в себя встроенные элементы, такие как изображение, значок, смайлик, не портя форматирование страницы. |
… | Содержит простой текст. |
| Создает новую строку. |
| Рисует горизонтальную полосу, чтобы показать конец раздела. |
| Списки |
… | Для упорядоченного списка товаров. |
| Для неупорядоченного списка товаров. |
| … | Для отдельных предметов в списке. |
… | Список предметов с определениями. |
| … | Определение одного термина встраивается в содержание тела. |
| … | Описание для определенного термина. |
| связи |
| … | Якорный тег для гиперссылок. |
| … | Тег для ссылки на адреса электронной почты. |
| … | Якорный тег для перечисления контактных номеров. |
| … | Якорный тег для ссылки на другую часть этой же страницы. |
| … | Переходит к разделу div веб-страницы. (Изменение вышеуказанного тега) |
| Картинки |
![]() | Для отображения файлов изображений. |
Атрибуты для ![]() тег |
| SRC =»URL» | Ссылка на исходный путь изображения. |
| альт =»текст» | Текст, отображаемый при наведении курсора мыши на изображение. |
| высота = » | Высота изображения в пикселях или процентах. |
| ширина = » | Ширина изображения в пикселях или процентах. |
| выровнять = ”” | Относительное выравнивание изображения на странице. |
| граница = » | Толщина границы изображения. |
| Ссылка на интерактивную карту. |
| Название изображения карты. |
| Область изображения карты изображения. |
| Атрибуты для тег |
| форма = “” | Форма области изображения. |
| координаты = ”” | Координаты области изображения карты. |
| формы |
| Родительский тег для формы HTML. |
| Атрибуты для |
| действие =»URL» | URL-адрес, на который отправляются данные формы. |
| метод = » | Определяет протокол отправки формы (POST или GET). |
| enctype = ”” | Схема кодирования данных для отправки POST. |
| автозаполнения | Указывает, включено ли автозаполнение формы. |
| NOVALIDATE | Указывает, должна ли форма проверяться перед отправкой. |
| Accept-кодировок | Определяет кодировку символов для отправки формы. |
| цель | Показывает, где будет отображаться ответ на отправку формы. |
| Группирует связанные элементы в форме / |
| Указывает, что пользователь должен вводить в каждом поле формы. |
| Заголовок для элемента fieldset. |
| Указывает, какой тип ввода принимать от пользователя. |
| Атрибуты для тег |
| тип =»» | Определяет тип ввода (текст, даты, пароль). |
| имя =»» | Определяет имя поля ввода. |
| значение =»» | Определяет значение в поле ввода. |
| размер =»» | Устанавливает количество символов для поля ввода. |
| MaxLength =»» | Устанавливает максимально допустимое количество вводимых символов. |
| требуется | Делает поле ввода обязательным. |
| ширина =»» | Устанавливает ширину поля ввода в пикселях. |
| высота =»» | Устанавливает высоту поля ввода в пикселях. |
| Заполнитель =»» | Описывает ожидаемое значение поля. |
| шаблон =»» | Определяет регулярное выражение, которое можно использовать для поиска шаблонов в тексте пользователя. |
| мин =»» | Минимальное значение, допустимое для элемента ввода. |
| макс =»» | Максимально допустимое значение для элемента ввода. |
| отключен | Отключает элемент ввода. |
| Для захвата более длинных строк данных от пользователя. |
| Определяет список опций, которые пользователь может выбрать. |
| Атрибуты для |
| имя =»» | Указывает имя для выпадающего списка. |
| размер =»» | Количество опций, предоставленных пользователю. |
| множественный | Устанавливает, может ли пользователь выбрать несколько вариантов из списка. |
| требуется | Указывает, необходим ли выбор параметра / ов для отправки формы. |
| автофокусировка | Указывает, что раскрывающийся список автоматически попадает в фокус после загрузки страницы. |
| Определяет элементы в выпадающем списке. |
| значение =»» | Отображает текст для любой данной опции. |
| выбранный | Устанавливает параметр по умолчанию, который отображается. |
| Тег для создания кнопки для отправки формы. |
| Объекты и рамки |
| Описывает встроенный тип файла. |
| Атрибуты для |
| высота =»» | Высота объекта. |
| ширина =»» | Ширина объекта. |
| тип =»» | Тип носителя, который содержит объект. |
| Встроенная рамка для встраивания внешней информации. |
| имя =»» | Название фрейма |
| SRC =»» | Исходный URL для содержимого внутри фрейма. |
| srcdoc =»» | HTML-контент внутри фрейма. |
| высота =»» | Высота рамки |
| ширина = » | Ширина рамки |
| Добавляет дополнительные параметры для настройки iFrame. |
| Встраивает внешнее приложение или плагин. |
| Атрибуты для |
| высота = | Устанавливает высоту встраивания. |
| ширина = “” | Устанавливает ширину встраивания. |
| тип =»» | Тип или формат встраивания. |
| SRC =»» | Исходный путь внедренного файла. |
| таблицы |
| Определяет весь контент для таблицы. |
…
| Описание таблицы. |
| … | Заголовки для каждого столбца в таблице. |
|
…Определяет данные тела для таблицы. | |
…Описывает содержимое нижнего колонтитула таблицы. | |
…
Контент для одной строки. | | … | Данные в одном элементе заголовка. |
|---|
| … | Содержимое в одной ячейке таблицы. |
…
| Группы столбцов для форматирования. |
| Единый столбец информации. |
| HTML5 Новые теги |
| Определяет заголовок веб-страницы. |
| Определяет нижний колонтитул веб-страницы. |
| … | Отмечает основное содержание веб-страницы. |
| … | Определяет статью. |
| Определяет содержимое боковой панели страницы. |
| Определяет определенный раздел на веб-странице. |
… | Для описания дополнительной информации. |
|
… | Используется в качестве заголовка для вышеуказанного тега. Всегда виден пользователю. |
| Создает диалоговое окно. |
| … | Используется для включения диаграмм и рисунков. |
| … | Описывает элемент. |
| … | Выделяет конкретную часть текста. |
| Набор навигационных ссылок на веб-странице. |
| Определенный пункт из списка или меню. |
| … | Данные измерений в заданном диапазоне. |
| Размещает индикатор выполнения и отслеживает прогресс. |
| Отображает текст, который не поддерживает аннотации Ruby. |
| Отображает подробную информацию о типографских символах Восточной Азии. |
| … | Рубиновая аннотация для восточноазиатской типографии. |
| Определяет время и дату. |
| Разрыв строки в содержании. |
| CharacterHTML5 Символьные объекты |
& # 34; ИЛИ
& quot; | Кавычки |
& # 60; ИЛИ
& lt; | Меньше, чем знак (<) |
& # 62; ИЛИ
& gt; | Больше, чем знак (>) |
& # 160; ИЛИ
& nbsp; | Неразрывный пробел |
& # 169; ИЛИ
& копия; | Символ авторского права |
& # 8482; ИЛИ
& ucirc; | Символ торговой марки |
& # 64; ИЛИ
& Uuml; | Символ «в» (@) |
& # 38; ИЛИ
& amp; | Символ амперсанда (&) |
& # 8226; ИЛИ
& ouml; | Маленькая пуля |
| Gn Игнорируйте пробел перед точкой с запятой при вводе символа HTML. |
