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