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