HTML — язык гипертекстовой разметки. В его основе лежат так называемые теги. Теги — это некие элементы обвертки, задающие формат и свойства элементов веб-страницы. На одной странице мы собрали для вас актуальный справочник тегов HTML.
Всего насчитывается более ста элементов разметки. Каждый имеет ряд атрибутов и собственный синтаксис. Справочник по тегам HTML поможет быстрой найти нужный вам элемент.
Список тегов HTML
Ниже в таблице представлен список тегов HTML5 с кратким описанием на русском языке.
| Тег | Краткое описание |
|---|---|
| <!—…—> | Комментарий. |
| <!DOCTYPE> | Определяет тип документа. |
| <a> | Ссылка, гиперссылка, якорь. |
| <abbr> | Определяет текст как аббревиатуру. |
| <address> | Контактная информация автора или владельца документа. |
| <area> | Определяет область на карте-изображении |
| <article> | Статья |
| <aside> | Контент в стороне (содержимое не является основным на странице по смыслу) |
| <audio> | Позволяет вставить воспроизводимый аудио файл. |
| <b> | Полужирный текст. |
| <base> | Задает базовый URL или аттрибут target для относительных ссылок в документе. |
| <bdi> | Область, где написание текста может имееть другое направления. |
| <bdo> | Устанавливает направление написания текста. В отличии от <bdi> направление указывается физическое направление |
| <blockquote> | Цитата. |
| <body> | Указывает область body документа. |
| <br> | Перенос строки. |
| <button> | Кликабельная кнопка |
| <canvas> | Используется для рисовании графики с помощью скриптов |
| <caption> | Подпись таблицы. |
| <cite> | Сноска на название материала. |
| <code> | Используется для вставки компьютерного кода в текстовом виде. |
| <col> | Задает характеристики колонок в таблице. |
| <colgroup> | Определяет группу из одной или более колонок таблицы для форматирования. |
| <datalist> | Используется для определения предопределенных вариантов на выбор при вводе в текстовом поле |
| <dd> | Определяет описание термина из тега <dt> в списке терминов <dl> |
| <del> | Текст, который удален в новой версии документа. |
| <details> | Определяет дополнительную информацию, которую пользователь может просмотреть или скрыть |
| <dfn> | Указывает, что содержимое является термином. |
| <dialog> | Определяет диалоговое окно или интерактивный элемент |
| <div> | Блочный элемент — один из основных элементов верстки. |
| <dl> | Определяет список определений |
| <dt> | Название термина в списке определений <dl> |
| <em> | выделенный по смыслу текст (обычно, текст выделенный курсивом). |
| <embed> | Контейнер для внешнего приложения |
| <fieldset> | Группа связанных элементов в форме |
| <figcaption> | Заголовок для <figure> элемента |
| <figure> | Определяет автономную группу из нескольких элементов (например картинка с подписью) |
| <footer> | Нижний колонтитул |
| <form> | Определяет форму пользовательского ввода |
| <h1> — <h6> | Заголовки HTML разного уровня: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. |
| <head> | Указывает область head документа. |
| <header> | Блок заголовка |
| <hr> | Горизонтальная линия — тематический разделитель. |
| <html> | Корневой элемент. Сообщает браузеру, что данный документ является HTML документом. |
| <i> | Выделяет текст курсивом. |
| <iframe> | Определяет встроенный фрейм |
| <img> | Изображение, картинка. |
| <input> | Поле для ввода |
| <ins> | Текст, который был добавлен в новой версии документа. |
| <kbd> | Текст введенный с клавиатуры или названия кнопок клавиатуры. Обычно выделен моноширинным шрифтом. |
| <label> | Метка для поля ввода. Указывает на привязку элемента (обычно текста) к полю ввода. |
| <legend> | Заголовок элементов <fieldset> |
| <li> | Элемент списка |
| <link> | Определяет привязку внешнего ресурса (чаще всего, привязку таблицы стилей CSS) |
| <main> | Основной контент |
| <map> | Контейнер для <area>. Определяет пользовательскую карту на изображении |
| <mark> | Выделенный текст (обычно с помощью подсветки фона). |
| <menu> | Контейнер для списка пунктов меню |
| <menuitem> | Определяет элементы, которые пользователь может вызвать из контекстного меню |
| <meta> | Используется для определения мета-данных документа. |
| <meter> | Измеритель значений в заданном диапазоне |
| <nav> | Контейнер для навигационных элементов |
| <noscript> | Альтернативный контент для пользователей, отключивших скрипты |
| <object> | Определяет встроенный объект |
| <ol> | Определяет нумерованный список |
| <optgroup> | Определяет группу связанных вариантов в выпадающем списке. Дает название группу |
| <option> | Параметр (вариант выбора) в выпадающем списке |
| <output> | Результат вычислений |
| <p> | Абзац. |
| <param> | Задает параметры для встроенных объектов |
| <picture> | Контейнер для нескольких изображений |
| <pre> | Предварительно отформатированный текст. |
| <progress> | Индикатор выполнения (прогресса) |
| <q> | Цитата в тексте. |
| <rp> | Альтернативный текст, если браузер не поддерживает тег <ruby>. |
| <rt> | Аннотация к содержимому тега <ruby>. |
| <ruby> | Контейнер для символов и их расшифровки (в основном для Восточно-азиатских символов, иероглифов). |
| <s> | Перечеркнутый текст. |
| <samp> | Текст, являющийся результатом выполнения компьютерной программы (обычно выводится моноширинным шрифтом). |
| <script> | Определяет скрипт или подключение скрипта из внешнего ресурса. |
| <section> | Раздел |
| <select> | Определяет выпадающий список |
| <small> | Текст шрифтом меньшего размера. |
| <source> | Определяет ресурс для тегов <video>, <audio> и <picture>. |
| <span> | Строчный элемент. |
| <strong> | Текст, выделенный по значению. Обычно отображается полужирным. |
| <style> | Определяет контейнер для определения стилей документа |
| <sub> | Отображает текст в виде нижнего индекса. |
| <summary> | Заголовок внутри тега <details> |
| <sup> | Отображает текст в виде верхнего индекса. |
| <table> | Определяет таблицу. |
| <tbody> | Определяет область контента в таблице. |
| <td> | Ячейка в таблице <table>. |
| <textarea> | Многострочное поле для ввода |
| <tfoot> | Определяет группу строк в нижней части таблицы <table> — нижний колонтитул. |
| <th> | Ячейка — заголовок в таблице <table>. |
| <thead> | Определяет группу строк в верхней части таблицы <table> — верхний колонтитул. |
| <time> | Дата и/или время |
| <title> | Заголовок HTML документа. |
| <tr> | Определяет строку в таблице. |
| <track> | Определяет текстовую дорожку для тегов <video> и <audio> |
| <ul> | Определяет маркированный список |
| <var> | Используется для обозначения содержимого тега как переменной. |
| <video> | Позволяет вставить воспроизводимое видео. |
| <wbr> | Место, где допускается перенос строки. |
Устаревшие теги HTML
Чем заменить устаревший тег HTML? В большинстве случаев подойдут каскадные таблицы стилей CSS. Также, существуют альтернативы не используемым в новой спецификации тегам и в пределах HTML. Ниже в таблице представлены устаревшие теги HTML с вариантами их замены.
| Тег | Краткое описание |
|---|---|
| <acronym> | Акроним. Используйте тег <abbr> вместо него |
| <applet> | Встроенный апплет. Используйте <embed> или <object> вместо него. |
| <basefont> | Задает цвет, размер, и семейство шрифта всего текста в документе. Используйте каскадные таблицы стилей CSS вместо него |
| <big> | Текст большего размера. Используйте каскадные таблицы стилей CSS вместо него |
| <center> | Отцентрованный текст. Используйте каскадные таблицы стилей CSS вместо него |
| <dir> | Список директорий. Используйте <ul> вместо него |
| <font> | Определяет цвет, размер и семейство шрифта. Используйте каскадные таблицы стилей CSS вместо него |
| <frame> | Фрейм внутри <frameset>. Используйте <iframe> вместо него |
| <frameset> | Определяет набор фреймов. Для добавления нескольких встроенных фреймов используйте несколько <iframe> элементов |
| <noframes> | Альтернативный текст, если фреймы <frame> не поддерживаются |
| <strike> | Перечеркнутый текст. Используйте <del> или <s> вместо него |
| <tt> | Моноширный текст. Используйте каскадные таблицы стилей CSS вместо него |
| <u> | Подчеркнутый текст. Используйте каскадные таблицы стилей CSS вместо него |