Ссылка на HTML элементы
Теги HTML упорядочены по категориям
= Новое в HTML5.
Базовый HTML-код
| Тег | Описание |
|---|---|
| <!DOCTYPE> | Определяет тип документа |
| <html> | Определяет HTML-документ |
| <head> | Определяет сведения о документе |
| <title> | Определяет заголовок документа |
| <body> | Определяет тело документа |
| <h1> to <h6> | Определяет заголовки HTML |
| <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> or <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> | Определяет параметр для объекта |