HTML Справочник элементов
HTML Теги в алфавитном порядке
| Тег | Описание |
|---|---|
| <!--...--> | Определяет комментарий |
| <!DOCTYPE> | Определяет тип документа |
| <a> | Определяет гиперссылку |
| <abbr> | Определяет аббревиатуру или акроним |
| <acronym> | Не поддерживается в HTML5. Используйте <abbr> вместо этого. Определяет акроним |
| <address> | Определяет контактную информацию автора/владельца документа |
| <applet> | Не поддерживается в HTML5. Используйте <embed> или <object> вместо этого. Определяет встроенный апплет |
| <area> | Определяет область внутри карты изображений |
| <article> | Определяет статью |
| <aside> | Определяет содержимое помимо основного содержимого страницы |
| <audio> | Определяет звуковой контент |
| <b> | Определяет жирный текст |
| <base> | Определяет базовый URL/цель для всех относительных URL в документе |
| <basefont> | Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет цвет, размер и шрифт по умолчанию для всего текста в документе |
| <bdi> | Изолирует часть текста, которая может быть отформатирована в другом направлении, чем другой текст за ее пределами. |
| <bdo> | Переопределяет текущее направление текста |
| <big> | Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет большой текст |
| <blockquote> | Определяет раздел, который цитируется из другого источника |
| <body> | Определяет тело документа |
| <br> | Определяет разрыв строки |
| <button> | Определяет кликабельную кнопку |
| <canvas> | Используется для рисования графики на лету с помощью скриптов (обычно JavaScript) |
| <caption> | Определяет заголовок таблицы |
| <center> | Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет центрированный текст |
| <cite> | Определяет название произведения |
| <code> | Определяет кусок компьютерного кода |
| <col> | Определяет свойства столбца для каждого столбца в элементе <colgroup> |
| <colgroup> | Определяет группу из одного или нескольких столбцов в таблице для форматирования |
| <data> | Связывает данный контент с машиночитаемым переводом |
| <datalist> | Определяет список предопределенных параметров для элементов управления вводом |
| <dd> | Определяет описание/значение термина в списке описания |
| <del> | Определяет текст, который был удален из документа |
| <details> | Определяет дополнительные детали, которые пользователь может просматривать или скрывать |
| <dfn> | Представляет определяющий экземпляр термина |
| <dialog> | Определяет диалоговое окно или окно |
| <dir> | Не поддерживается в HTML5. Используйте <ul> вместо этого. Определяет список каталогов |
| <div> | Определяет раздел в документе |
| <dl> | Определяет список описания |
| <dt> | Определяет термин / имя в списке описания |
| <em> | Определяет выделенный текст |
| <embed> | Определяет контейнер для внешнего (не HTML) приложения |
| <fieldset> | Группирует связанные элементы в форме |
| <figcaption> | Определяет заголовок для элемента <figure> |
| <figure> | Определяет автономный контент |
| <font> | Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет шрифт, цвет и размер текста |
| <footer> | Определяет нижний колонтитул для документа или раздела |
| <form> | Определяет форму HTML для пользовательского ввода |
| <frame> | Не поддерживается в HTML5. Определяет окно (фрейм) в наборе фреймов |
| <frameset> | Не поддерживается в HTML5. Определяет набор фреймов |
| <h1> to <h6> | Определяет заголовки HTML |
| <head> | Определяет информацию о документе |
| <header> | Определяет заголовок для документа или раздела |
| <hr> | Определяет тематическое изменение содержания |
| <html> | Определяет корень документа HTML |
| <i> | Определяет часть текста альтернативным выделением или настроением |
| <iframe> | Определяет встроенный фрейм |
| <img> | Определяет изображение |
| <input> | Определяет элемент управления вводом |
| <ins> | Определяет текст, который был вставлен в документ |
| <kbd> | Определяет ввод с клавиатуры |
| <label> | Определяет метку для элемента <input> |
| <legend> | Определяет заголовок для элемента <fieldset> |
| <li> | Определяет элемент (пункт) списка |
| <link> | Определяет связь между документом и внешним ресурсом (чаще всего используется для ссылки на таблицы стилей) |
| <main> | Определяет основное содержание документа |
| <map> | Определяет карту изображения на стороне клиента |
| <mark> | Определяет помеченный (маркированный)/выделенный текст |
| <meta> | Определяет метаданные HTML документа |
| <meter> | Определяет скалярное измерение в пределах известного диапазона (датчик) |
| <nav> | Определяет навигационные ссылки (навигация по сайту) |
| <noframes> | Не поддерживается в HTML5. Определяет альтернативное содержание для пользователей, которые не поддерживают фреймы |
| <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>) |
| <span> | Определяет раздел (строчный) в документе |
| <strike> | Не поддерживается в HTML5. Используйте <del> или <s> вместо этого. Определяет перечеркнутый текст |
| <strong> | Определяет семантически важный текст |
| <style> | Определяет информацию о стиле в документе |
| <sub> | Определяет подстрчный текст (нижний индекс) |
| <summary> | Определяет видимый заголовок для элемента <details> |
| <sup> | Определяет надстрочный текст (верхний индекс) |
| <svg> | Определяет контейнер для графики SVG |
| <table> | Определяет таблицу |
| <tbody> | Группирует содержание тела в таблице |
| <td> | Определяет клетку (ячейку) в таблице |
| <template> | Определяет шаблон |
| <textarea> | Определяет многострочный элемент управления вводом (текстовая область) |
| <tfoot> | Группирует содержание нижнего колонтитула в таблице |
| <th> | Определяет ячейку заголовка в таблице |
| <thead> | Группирует содержание заголовка в таблице |
| <time> | Определяет дату / время |
| <title> | Определяет заголовок документа |
| <tr> | Определяет строку в таблице |
| <track> | Определяет текстовые дорожки для медиа-элементов (<video> и <audio>) |
| <tt> | Не поддерживается в HTML5. Используйте CSS вместо этого. Определяет текст телетайпа |
| <u> | Определяет текст, который должен быть стилистически отличным от обычного текста |
| <ul> | Определяет неупорядоченный (ненумерованный) список |
| <var> | Определяет переменную |
| <video> | Определяет видео или фильм |
| <wbr> | Определяет возможный разрыв строки |
Сколько всего HTML тегов?
Многие начинающие веб-разработчики часто спрашивают: 'А сколько всего существует тегов в спецификации HTML5?' Как видно из вышеприведённой таблицы, по состоянию на конец 2020 года в спецификации HTML5 официально утверждено и поддерживается 107 HTML тегов. 12 тегов, приведённых в таблице, уже не поддерживаются в спецификации HTML5, но поддерживаются в большинстве браузеров. Даже если вы раньше использовали эти теги при создании своих веб-сайтов, они ещё будут работать во всех современных веб-браузерах. Но все-таки устаревшие HTML теги не рекомендуется использовать в новых веб-проектах. Лучше придерживаться рекомендаций W3C и официально утверждённой спецификации HTML5. Кроме того, стандарты постоянно меняются. Со временем некоторые теги могут исчезать, а новые теги появляются. Для того, чтобы оставаться в курсе всех изменений, которые происходят в веб-стандартах, необходимо посещать официальные веб-ресурсы, где все эти изменения публикуются, такие как: сайт Консорциума Всемирной Паутины W3C: https://www.w3.org/ и WHATWG.
