Основные теги |
… |
Первый и последний тег документа 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. |