HTML Справочник всех тегов

MasterNik / 19 января 2023 г. / 314

Предлагаем вам шпаргалку по тегам HTML из официально утверждённой спецификации HTML5 и рекомендованных консорциумом разработчиков W3C, которые полезна знать каждому верстальщику и веб программисту. К каждому тегу дано краткое пояснение, что он обозначает. Для удобства, теги упорядочены по алфавиту

Иконкой помечены новые теги, введённые в HTML5

Тег	Описание тега
<!--...-->	Устанавливает комментарий
<!DOCTYPE>	Устанавливает тип документа
<a>	Устанавливает гиперссылку
<abbr>	Устанавливает аббревиатуру или акроним
<acronym>	Не поддерживается в HTML5. Использовать <abbr> Вместо. Устанавливает акроним
<address>	Устанавливает контактные данные автора/владельца документа
<applet>	Не поддерживается в HTML5. Использовать <embed> or <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> element
<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>	Устанавливает изображение на стороне клиента-Map
<mark>	Устанавливает выделенный/выделенный текст
<menu>	Устанавливает список/меню команд
<menuitem>	Устанавливает команду/пункт меню, который пользователь может вызвать из всплывающего меню
<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>	Устанавливает возможный разрыв строки