HTML — язык гипертекстовой разметки. В его основе лежат так называемые теги. Теги — это некие элементы обвертки, задающие формат и свойства элементов веб-страницы. На одной странице мы собрали для вас актуальный справочник тегов HTML.
Всего насчитывается более ста элементов разметки. Каждый имеет ряд атрибутов и собственный синтаксис. Справочник по тегам HTML поможет быстрой найти нужный вам элемент.
Список тегов HTML
Ниже в таблице представлен список тегов HTML5 с кратким описанием на русском языке.
Тег
Краткое описание
Комментарий. Подробнее
Определяет тип документа. Подробнее
Ссылка, гиперссылка, якорь. Подробнее
Определяет текст как аббревиатуру. Подробнее
Контактная информация автора или владельца документа. Подробнее
Определяет область на карте-изображении
Статья
Контент в стороне (содержимое не является основным на странице по смыслу)
Позволяет вставить воспроизводимый аудио файл. Подробнее
Полужирный текст. Подробнее
Задает базовый URL или атрибут target для относительных ссылок в документе. Подробнее
Область, где написание текста может имееть другое направления. Подробнее
Устанавливает направление написания текста. В отличии от направление указывается физическое направление Подробнее
Цитата. Подробнее
Указывает область body документа. Подробнее
Перенос строки. Подробнее
Кликабельная кнопка. Подробнее
Используется для рисовании графики с помощью скриптов
Подпись таблицы. Подробнее
Сноска на название материала. Подробнее
Используется для вставки компьютерного кода в текстовом виде. Подробнее
Задает характеристики колонок в таблице. Подробнее
Определяет группу из одной или более колонок таблицы для форматирования. Подробнее
Используется для определения предопределенных вариантов на выбор при вводе в текстовом поле. Подробнее
Определяет описание термина из тега в списке терминов . Подробнее
Текст, который удален в новой версии документа. Подробнее
Определяет дополнительную информацию, которую пользователь может просмотреть или скрыть. Подробнее
Указывает, что содержимое является термином. Подробнее
Определяет диалоговое окно или интерактивный элемент
Блочный элемент — один из основных элементов верстки. Подробнее
Определяет список определений. Подробнее
Название термина в списке определений . Подробнее
выделенный по смыслу текст (обычно, текст выделенный курсивом). Подробнее
Контейнер для внешнего приложения
Группа связанных элементов в форме. Подробнее
Заголовок для элемента
Определяет автономную группу из нескольких элементов (например картинка с подписью)
Нижний колонтитул
Определяет форму пользовательского ввода. Подробнее
Горизонтальная линия — тематический разделитель. Подробнее
Корневой элемент. Сообщает браузеру, что данный документ является HTML документом. Подробнее
Выделяет текст курсивом. Подробнее
Определяет встроенный фрейм
Изображение, картинка. Подробнее
Поле для ввода, элемент формы. Подробнее
Текст, который был добавлен в новой версии документа. Подробнее
Текст введенный с клавиатуры или названия кнопок клавиатуры. Обычно выделен моноширинным шрифтом. Подробнее
Метка для поля ввода. Обычно содержит подпись поля. Подробнее
Заголовок элементов . Подробнее
Элемент списка. Подробнее
Определяет привязку внешнего ресурса (чаще всего, привязку таблицы стилей CSS). Подробнее
Основной контент
Контейнер для . Определяет пользовательскую карту на изображении
Выделенный текст (обычно с помощью подсветки фона). Подробнее
Контейнер для списка пунктов меню
Определяет элементы, которые пользователь может вызвать из контекстного меню
Используется для определения мета-данных документа. Подробнее
Измеритель значений в заданном диапазоне
Контейнер для навигационных элементов
Альтернативный контент для пользователей, отключивших скрипты
Определяет встроенный объект
Определяет нумерованный список. Подробнее
Определяет группу связанных вариантов в выпадающем списке. Дает название группы. Подробнее
Параметр (вариант выбора) в выпадающем списке. Подробнее
Результат вычислений. Подробнее
Абзац. Подробнее
Задает параметры для встроенных объектов
Контейнер для нескольких изображений
Предварительно отформатированный текст. Подробнее
Индикатор выполнения (прогресса)
Цитата в тексте. Подробнее
Альтернативный текст, если браузер не поддерживает тег . Подробнее
Аннотация к содержимому тега . Подробнее
Контейнер для символов и их расшифровки (в основном для Восточно-азиатских символов, иероглифов). Подробнее
Перечеркнутый текст. Подробнее
Текст, являющийся результатом выполнения компьютерной программы (обычно выводится моноширинным шрифтом). Подробнее
Определяет скрипт или подключение скрипта из внешнего ресурса. Подробнее
Раздел
Определяет выпадающий список или список с множественным выбором. Подробнее
Текст шрифтом меньшего размера. Подробнее
Определяет ресурс для тегов , и . Подробнее
Строчный элемент. Подробнее
Текст, выделенный по значению. Обычно отображается полужирным. Подробнее
Определяет контейнер для определения CSS стилей документа. Подробнее
Отображает текст в виде нижнего индекса. Подробнее
Заголовок внутри тега . Подробнее
Отображает текст в виде верхнего индекса. Подробнее
Определяет таблицу. Подробнее
Определяет область контента в таблице. Подробнее
Ячейка в таблице
. Подробнее
Многострочное поле для ввода. Подробнее
Определяет группу строк в нижней части таблицы
— нижний колонтитул. Подробнее
Ячейка — заголовок в таблице
. Подробнее
Определяет группу строк в верхней части таблицы
— верхний колонтитул. Подробнее
Дата и/или время. Подробнее
Заголовок HTML документа. Подробнее
Определяет строку в таблице. Подробнее
Определяет текстовую дорожку для тегов и Подробнее
Определяет маркированный список. Подробнее
Используется для обозначения содержимого тега как переменной. Подробнее
Позволяет вставить воспроизводимое видео. Подробнее
Место, где допускается перенос строки. Подробнее
Устаревшие теги HTML
Чем заменить устаревший тег HTML? В большинстве случаев подойдут каскадные таблицы стилей CSS. Также, существуют альтернативы не используемым в новой спецификации тегам и в пределах HTML. Ниже в таблице представлены устаревшие теги HTML с вариантами их замены.
Большой. Использовался для увеличения шрифта. Не поддерживается HTML5, используйте CSS.
blockquote
Блок цитаты. Определяет раздел, в котором приводится цитата из другого источника.
body
Тело. «Тело» документа. Фактически это весь контент документа.
break
Разрыв. Устанавливает разрыв строки.
button
Кнопка. Определяет кнопку элементом.
canvas
Холст. Используется для создания графики с помощью скриптов.
caption
Подпись. Указывает заголовок таблицы.
center
Центр. Использовался для выравнивания текста по центру. Не используется в HTML5, для этого используйте CSS.
cite
Ссылаться. Ссылается на произведение: книгу, песню и др.
code
Код. Используется для определения программного кода.
columns
Столбцы. Задает характеристики для одного или нескольких столбцов.
colgroup
Группа столбцов. Определяет группу из одного или нескольких столбцов для форматирования.
data list
Список данных. Задает список предопределенных опций.
Description list description
Описание списка описаний. Используется для описания термина в списке описаний.
delete
Удаленный. Определяет текст, удаленный из документа.
details
Подробности. Указывает дополнительные сведения о том, что пользователь может скрыть или посмотреть.
definition
Определение. Указывает экземпляр термина.
dialog
Диалог. Создает диалоговое окно.
dir
Каталог. Использовался для отображения названия каталогов. Не используется в HTML5, для этого используйте CSS.
division
Разделение. Определяет раздел в документе. Я привык называть его блок.
description list
Список сгруппированных элементов. Содержит термины и описания.
description list term
Группируется с описанием (элемент ) в описывающих списках.
emphasis
Акцент. Подчеркивание слова или фразы в предложении
plugin point
Подключение. Позволяет вставить внешнюю ссылку или приложение (не HTML) на страницу.
form field set
Набор полей формы. Используется, чтобы сгруппировать связанные друг с другом формы управления и метки.
figure caption
Подпись. Сопровождает элемент .
figure
Фигура. Используется для группирования элементов иллюстрации (изображение, цвет, подпись).
font
Шрифт. Представляет собой контейнер для изменения различных характеристик шрифта.
footer
Нижний колонтитул. Создает своеобразный «подвал» страницы где находится контактная информация, имя владельца и др.
form
Форма. Создает форму..
frame
Фрейм, рамка. По сути — позволяет создать веб-страницу в веб-странице.
frame set
Задать рамку. Определяет структуру фреймов на веб-странице.
headling 1-6
Заголовок. H1 – заголовок первого уровня, наиболее важный.
head
Голова. Тег в котором размещаются метаданные, подключаются стили и скрипты.
header
Заголовок. Тег, задающий «шапку» сайта или страницы. Как правило содержит область навигации.
head group
Группа заголовков. Тег, обозначающий группу заголовков веб-страницы или раздела.
horizontal rule
Горизонтальная линия. Рисует горизонтальную линию, вид которой зависит от заданных параметров.
html
Корневой элемент. Контейнер, который содержит все элементы веб-страницы.
italic
Курсив. Устанавливает курсивное написание фразы или предложения.
inline frame
Альтернативный фрейм. Создает плавающий фрейм, который находится внутри документа.
image
Изображение. Предназначен для отображения на странице файлов в графическом формате .JPG, .PNG и др.
2 комментариев к “Расшифровка тегов html”
Отличная табличка, надо занести в закладки. Я вот часто пользуюсь, например, тегом pre — для оформления кода. Добавляем — удобная подсветка синтаксиса от google-code-prettify.
Вот спасибо! Записалась на основы верстки, не понимала что такое div, а оно оказывается разшифровывается) и с переводом вообще все понятно становится. Полезная инфа. Лайк!
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.