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