FrontendBook HTML Список Элементов

HTML Элементы

Теги HTML — это ключевые слова, которые используются для создания веб-страниц в различных форматах. Открывающие и закрывающие теги встречаются в большинстве тегов. Заключительные теги содержат косую черту (/), а язык начальных тегов тот же. Некоторые теги не нужно закрывать.

Элемент Синтаксис Атрибуты Описание
<!--...-->

<!--...-->

Не имеет своих атрибутов, только глобальные атрибуты

Определяет комментарий
!DOCTYPE html

<!DOCTYPE html>

В соответствии со спецификацией или стандартами HTML каждый HTML-документ требует объявления типа документа.
a

<a herf=" "> …</a>

download, href, hreflang, rel, type, target

Определяет гиперссылку
abbr

<abbr title=” “> … </abbr>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет аббревиатуру
acronym

<acronym title=" "> … </acronym>

Определяет аббревиатуру. Не поддерживается в HTML5. Вместо этого используйте <abbr>
address

<address> … </address>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет контактную информацию для автора/владельца документа
applet

<applet>….</applet>

Определяет встроенный апплет. Не поддерживается в HTML5. Вместо этого используйте <embed> или <object>
area

<area>

shape, coords, href, hreflang, media, alt, download, rel, type, target

Определяет область внутри карты изображения
article

<article>...</article>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет статью. Данный тег был добавлен в HTML5
aside

<aside>...</aside>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет содержимое отдельно от содержимого страницы. Данный тег был добавлен в HTML5
audio

<audio>...</audio>

autoplay, controls, loop, muted, preload, src

Определяет встроенный звуковой контент. Данный тег был добавлен в HTML5
b

<b>...</b>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет полужирный текст
base

<base href=" ">

href, target

Указывает базовый URL/цель для всех относительных URL-адресов в документе
basefont

<basefont>

Задает цвет, размер и шрифт по умолчанию для всего текста в документе. Не поддерживается в HTML5. Вместо этого используйте CSS
bdi

<bdi> … </bdi>

Не имеет своих атрибутов, только глобальные атрибуты

Изолирует часть текста, которая может быть отформатирована в направлении, отличном от другого текста за ее пределами
bdo

<bdo dir=""> … </bdo>

dir

Переопределяет текущее направление текста
bgsound

<bgsound>

Тег bgsound используется для фонового воспроизведения саундтрека. Не поддерживается в HTML5. Вместо этого используйте CSS
big

<big> … </big>

Определяет большой текст. Не поддерживается в HTML5. Вместо этого используйте CSS
blockquote

<blockquote> … </blockquote>

cite

Определяет раздел, который цитируется из другого источника
body

<body> … </body>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет тело документа
br

<br>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет одиночный разрыв строки
button

<button> … </button>

autofocus, disabled, form, formaction, formenctype, formmethod, formnovalidate, formtarget, name, type, value

Определяет кликабельную кнопку
canvas

<canvas> … </canvas>

height, width

Используется для рисования графики на лету с помощью сценариев (обычно JavaScript). Данный тег был добавлен в HTML5
caption

<caption> … </caption>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет заголовок таблицы
center

<center> … </center>

Определяет центрированный текст. Не поддерживается в HTML5. Вместо этого используйте CSS
cite

<cite> … </cite>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет название произведения
code

<code> … </code>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет часть компьютерного кода
col

<col>

span

Указывает свойства столбца для каждого столбца в элементе <colgroup>
colgroup

<colgroup> … </colgroup>

span

Указывает группу из одного или нескольких столбцов в таблице для форматирования
data

<data value=""> … </data>

value

Добавляет машиночитаемый перевод данного контента
datalist

<datalist> … </datalist>

Не имеет своих атрибутов, только глобальные атрибуты

Задает список предопределенных параметров для элементов управления вводом. Данный тег был добавлен в HTML5
dd

<dd> … </dd>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет описание/значение термина в списке описаний
del

<del> … </del>

cite, datetime

Определяет текст, который был удален из документа
details

<details> … </details>

open

Определяет дополнительные сведения, которые пользователь может просматривать или скрывать. Данный тег был добавлен в HTML5
dfn

<dfn> … </dfn>

Не имеет своих атрибутов, только глобальные атрибуты

Указывает термин, который будет определен в содержимом
dialog

<dialog> … </dialog>

open

Определяет диалоговое окно или окно
dir

<dir> … </dir>

Определяет список каталогов. Не поддерживается в HTML5. Вместо этого используйте <ul>
div

<div> … </div>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет раздел в документе
dl

<dl> … </dl>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет список описаний
dt

<dt> … </dt>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет термин/имя в списке описания
em

<em> … </em>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет выделенный текст
embed

<embed>

height, src, type, width

Определяет контейнер для внешнего приложения. Данный тег был добавлен в HTML5
fieldset

<fieldset> … </fieldset>

disabled, form, name

Группирует связанные элементы в форме
figcaption

<figcaption> … </figcaption>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет заголовок для элемента <figure>
figure

<figure> … </figure>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет автономный контент. Данный тег был добавлен в HTML5
font

<font> … </font>

Определяет шрифт, цвет и размер текста. Не поддерживается в HTML5. Вместо этого используйте CSS
footer

<footer> … </footer>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет нижний колонтитул для документа или раздела. Данный тег был добавлен в HTML5
form

<form> … </form>

accept-charset, action, autocomplete, enctype, method, name, novalidate, target

Определяет HTML-форму для пользовательского ввода
frame

<frame>

Определяет окно (фрейм) в наборе фреймов. Не поддерживается в HTML5
frameset

<frameset>

Определяет набор кадров. Не поддерживается в HTML5
h1-h6

<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет заголовки документа
head

<head>...</head>

Не имеет своих атрибутов, только глобальные атрибуты

Содержит метаданные/информацию для документа
header

<header>...</header>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет заголовок для документа или раздела. Данный тег был добавлен в HTML5
hr

<hr>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет тематическое изменение содержания
html

<html>...</html>

xmlns, lang

Определяет корень документа HTML
i

<i>...</i>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет часть текста в альтернативном голосе или настроении
iframe

<iframe>...</iframe>

height, width, name, referrerpolicy, sandbox, src, srcdoc

Определяет встроенный фрейм
img

<img src=" " alt=" ">

alt, height, ismap, loading, src, usemap, width

Определяет изображение
input

<input type=" ">

accept, alt, autocomplete, autofocus, checked, dirname, disabled, form, formaction, formenctype, formmethod, formnovalidate, formtarget, height, list, max, maxlength, min, minlength, multiple, name, placeholder, readonly, required, size, src, step, type, value, width

Определяет элемент управления вводом
ins

<ins>...</ins>

cite, datetime

Определяет текст, который был вставлен в документ
kbd

<kbd>...</kbd>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет ввод с клавиатуры
label

<label>...</label>

for, form

Определяет метку для элемента <input>
legend

<legend>...</legend>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет заголовок для элемента <fieldset>
li

<li>...</li>

value

Определяет элемент списка
link

<link>

href, hreflang, media, rel, type

Определяет связь между документом и внешним ресурсом (чаще всего используется для ссылки на таблицы стилей)
main

<main>...</main>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет основное содержание документа
map

<map>...</map>

name

Определяет карту изображения
mark

<mark>...</mark>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет выделенный текст. Данный тег был добавлен в HTML5
meta

<meta>...</meta>

charset, content, http-equiv, name

Определяет метаданные о HTML-документе
meter

<meter>...</meter>

high, low, max, min, optimum, value

Определяет скалярное измерение в пределах известного диапазона (датчик). Данный тег был добавлен в HTML5
nav

<nav>...</nav>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет навигационные ссылки. Данный тег был добавлен в HTML5
noframes

<noframes>...</noframes>

Определяет альтернативный контент для пользователей, не поддерживающих фреймы. Не поддерживается в HTML5
noscript

<noscript>...</noscript>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет альтернативный контент для пользователей, которые не поддерживают сценарии на стороне клиента
object

<object>...</object>

data, height, name, type, width

Определяет контейнер для внешнего приложения
ol

<ol>...</ol>

reversed, start, type

Определяет упорядоченный список
optgroup

<optgroup>...</optgroup>

disabled, label

Определяет группу связанных опций в раскрывающемся списке
option

<option>...</option>

disabled, label, selected, value

Определяет параметр в раскрывающемся списке
output

<output>...</output>

for, name

Определяет результат вычисления. Данный тег был добавлен в HTML5
p

<p>...</p>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет абзац
param

<param value=" " name=" ">

name, value

Определяет параметр для объекта
picture

<picture>...</picture>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет контейнер для нескольких ресурсов изображения
pre

<pre>...</pre>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет предварительно отформатированный текст
progress

<progress>...</progress>

max, value

Представляет ход выполнения задачи. Данный тег был добавлен в HTML5
q

<q>...</q>

cite

Определяет короткую цитату
rp

<rp>...</rp>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет, что показывать в браузерах, которые не поддерживают рубиновые аннотации.
rt

<rt>...</rt>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет объяснение/произношение символов (для восточноазиатской типографики)
ruby

<ruby>...</ruby>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет рубиновую аннотацию (для восточноазиатской типографики). Данный тег был добавлен в HTML5
s

<s>...</s>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет текст, который больше не является правильным
samp

<samp>...</samp>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет образец вывода из компьютерной программы
script

<script>...</script>

async, defer, src, type, crossorigin

Определяет клиентский скрипт
section

<section>...</section>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет раздел в документе. Данный тег был добавлен в HTML5
select

<select>...</select>

autofocus, disabled, form, multiple, name, required, size

Определяет раскрывающийся список
small

<small>...</small>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет меньший текст
source

<source src=" " type=" ">...</source>

media, src, srcset, type

Определяет несколько медиа-ресурсов для медиа-элементов (<video> и <audio>)
span

<span>...</span>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет раздел в документе
strike

<strike>...</strike>

Определяет зачеркнутый текст. Не поддерживается в HTML5. Вместо этого используйте <del> или <s>
strong

<strong>...</strong>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет важный текст
style

<style>...</style>

media, type

Определяет информацию о стиле для документа
sub

<sub>...</sub>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет подстрочный текст
summary

<summary>...</summary>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет видимый заголовок для элемента <details>
sup

<sup>...</sup>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет надстрочный текст
svg

<svg>...</svg>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет контейнер для графики SVG
table

<table>...</table>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет таблицу
tbody

<tbody>...</tbody>

Не имеет своих атрибутов, только глобальные атрибуты

Группирует содержимое тела в таблице
td

<td>...</td>

colspan, headers, rowspan

Определяет ячейку в таблице
template

<template>...</template>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет контейнер для содержимого, которое должно быть скрыто при загрузке страницы
textarea

<textarea>...</textarea>

autofocus, cols, dirname, disabled, form, maxlength, name, placeholder, readonly, required, rows, wrap

Определяет элемент управления многострочным вводом (текстовая область)
tfoot

<tfoot>...</tfoot>

Не имеет своих атрибутов, только глобальные атрибуты

Группирует содержимое нижнего колонтитула в таблице
th

<th>...</th>

abbr, colspan, headers, rowspan, scope

Определяет ячейку заголовка в таблице
thead

<thead>...</thead>

Не имеет своих атрибутов, только глобальные атрибуты

Группирует содержимое заголовка в таблице
time

<time>...</time>

datetime

Определяет конкретное время. Данный тег был добавлен в HTML5
title

<title>...</title>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет заголовок для документа
tr

<tr>...</tr>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет строку в таблице
track

<track>

default, kind, label, src, srclang

Определяет текстовые дорожки для медиа-элементов (<video> и <audio>)
tt

<tt>...</tt>

Определяет текст телетайпа. Не поддерживается в HTML5. Вместо этого используйте CSS
u

<u>...</u>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет некоторый текст, который не артикулирован и оформлен иначе, чем обычный текст
ul

<ul>...</ul>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет неупорядоченный список
var

<var>...</var>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет переменную
video

<video>...</video>

autoplay, controls, loop, preload, src, poster, height, width

Определяет встроенный видеоконтент. Данный тег был добавлен в HTML5
wbr

<wbr>

Не имеет своих атрибутов, только глобальные атрибуты

Определяет возможный разрыв строки. Данный тег был добавлен в HTML5