Справочник по HTML

!DOCTYPE

!DOCTYPE

<!DOCTYPE> (от англ. document type — тип документа) предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, поскольку HTML существует в нескольких версиях, кроме того, имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб-страницу и необходимо в первой строке кода задавать <!DOCTYPE>.

a

a

Элемент <a> (от англ. anchor — якорь) является одним из важных в HTML и предназначен для создания ссылок. Для этого необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа, на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.

abbr

abbr

Элемент <abbr> (от англ. abbreviation — аббревиатура) указывает, что последовательность символов является аббревиатурой. С помощью атрибута title даётся расшифровка сокращения, что позволяет понимать аббревиатуру тем людям, которые с ней не знакомы. Кроме того, поисковые системы индексируют полнотекстовый вариант сокращения, это может использоваться для повышения рейтинга документа.

acronym

acronym

Элемент <acronym> (от англ. acronym — акроним) указывает на то, что текст является акронимом. В отличие от аббревиатуры, акроним — это устоявшееся сокращение, которое применяется как самостоятельное слово. К акронимам, например, можно отнести следующие слова: СПИД, ликбез, замполит, США, DOS и др.

address

address

Элемент <address> (от англ. address — адрес) предназначен для хранения контактной информации автора (адрес, телефон, e-mail, ссылка на сайт и др.) и может включать в себя любые элементы HTML вроде ссылок, текста, выделений и т. д. Планируется, что поисковые системы будут анализировать содержимое этого элемента для сбора информации об авторах.

applet

applet

Элемент <applet> (от англ. application — приложение и уменьшительного суффикса -let) предназначен для вставки на страницу апплетов — небольших программ, написанных на языке Java. Между открывающим и закрывающим тегом можно добавить текст, который будет отображаться в браузере, если он не поддерживает апплеты. В противном случае текст не выводится.

area

area

Каждый елемент <area> (от англ. area — область, регион) определяет активные области изображения, которые являются ссылками. Рисунок с привязанными к нему активными областями называется в совокупности картой-изображением. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой. Элемент <area> задаёт форму области, её размеры, устанавливает адрес документа, на который следует сделать ссылку. <area> всегда располагается в контейнере <map>, который связывает координаты областей с изображением.

article

article

Элемент <article> (от англ. article — статья) представляет собой независимый фрагмент веб-страницы и, как правило, включает «шапку», основное содержимое и «подвал», в которых располагаются такие части, как заголовок, текст, имя автора, дата публикации, метки, рейтинг статьи и др. <article> обычно применяется для статей сайта, сообщений блога и форума, комментариев.

aside

aside

Элемент <aside> (от англ. aside — в стороне, отступление) представляет собой раздел страницы, который имеет косвенное отношение к содержимому страницы и может быть рассмотрен отдельно от этого содержимого. <aside> применяется для боковых панелей, рекламных блоков, ссылок на архив, меток и другой информации, которая отделена от основного содержимого страницы.

audio

audio

Элемент <audio> (от англ. audio — звук) добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице. Путь к файлу задаётся через атрибут src или вложенный элемент <source>. Внутри контейнера <audio> можно написать текст, который будет выводиться в браузерах, не работающих с этим элементом.

b

b

Элемент <b> (от англ. bold — жирный) используется для привлечения внимания к тексту, при этом важность или значение текста не играют роли. Текст внутри <b> отображается жирным начертанием.

base

base

Элемент <base> (от англ. base — база, основание) указывается внутри <head> и инструктирует браузер относительно полного базового адреса текущего документа. <base> предназначен для документов, в которых используется относительный адрес и эти документы могут переноситься в другую папку или даже на другой компьютер без потери связи. Браузер ищет элемент <base>, определяет полный адрес документа и корректно загружает его. Например, если адрес документа указан как <base href="http://www.website.com/hzchd/">, то при добавлении рисунков достаточно использовать относительный адрес <img src="images/labuda.gif">. При этом полный путь к изображению будет http://www.website.com/hzchd/images/labuda.gif, что позволяет браузеру всегда находить графический файл, независимо от того, где находится текущая веб-страница. Также можно применять и иерархическую систему пути с двумя точками. Так, если изображение добавляется как <img src="../images/labuda.gif">, то полный путь к файлу будет http://www.website.com/images/labuda.gif.

basefont

basefont

Элемент <basefont> (от англ. base font — базовый шрифт) предназначен для задания шрифта, размера и цвета текста по умолчанию. Указанные значения будут использоваться во всём документе за исключением элемента <font>, в котором можно переопределить параметры оформления текста. <basefont> допустимо использовать внутри <head> или <body>, причём несколько раз. Это позволяет изменять вид шрифта для части документа.

bdi

bdi

Элемент <bdi> (от англ. bidirectional isolate — изоляция двунаправленности) указывает фрагмент текста, который должен быть изолирован от изменения направления вывода текста. Такое поведение важно для текстов, одновременно содержащих разные языки, читаемые слева направо и справа налево.

bdo

bdo

Элемент <bdo> (от англ. bidirectional override — переопределение двунаправленности) устанавливает направление вывода текста и преимущественно предназначен для использования с языками, где чтение происходит справа налево. Например, к ним относится арабский язык.

bgsound

bgsound

Элемент <bgsound> (от англ. background sound — фоновая музыка) определяет музыкальный файл, который будет проигрываться на веб-странице при её открытии. Громкость, продолжительность звучания музыки и другие характеристики определяются с помощью атрибутов, а также могут управляться через скрипты. Этот элемент должен размещаться только в контейнере <head>.

big

big

Элемент <big> (от англ. big — большой) увеличивает размер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом, добавление <big> увеличивает текст на одну условную единицу. Допускается применение вложенных элементов <big>, при этом размер шрифта будет больше с каждым уровнем.

body

body

Элемент <body> (от англ. body — тело) предназначен для хранения содержимого веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т. д.

blink

blink

Элемент <blink> (от англ. blink — мигание, мерцание) устанавливает мигание текста.

blockquote

blockquote

Элемент <blockquote> (от англ. block quote — блок с цитатой) предназначен для выделения длинных цитат внутри документа. Текст внутри <blockquote> отображается как выровненный блок с отступами слева и справа (по 40 пикселей), а также с отбивкой сверху и снизу.

br

br

Элемент <br> (от англ. line break — перенос строки) устанавливает перевод строки в том месте, где он находится. В отличие от элемента <p>, использование <br> не добавляет пустой отступ перед строкой.

button

button

Элемент <button> (от англ. button — кнопка) создаёт на веб-странице кнопки и по своему действию напоминает результат, получаемый с помощью <input> (с атрибутом type="button | reset | submit"). В отличие от этого элемента, <button> предлагает расширенные возможности по созданию кнопок. Например, на подобной кнопке можно размещать любые элементы HTML, в том числе изображения. Используя стили можно определить вид кнопки путём изменения шрифта, цвета фона, размеров и других параметров.

canvas

canvas

Элемент <canvas> (от англ. canvas — холст, полотно) создаёт область, в которой при помощи JavaScript можно рисовать разные объекты, выводить изображения, трансформировать их и менять свойства. При помощи <canvas> можно создавать рисунки, анимацию, игры и др.

caption

caption

Элемент <caption> (от англ. caption — заголовок) предназначен для создания заголовка к таблице и может размещаться только внутри контейнера <table>, причём сразу после открывающего тега. Такой заголовок представляет собой текст, по умолчанию отображаемый перед таблицей и описывающий её содержание.

center

center

Элемент <center> (от англ. center — центр, середина) выравнивает содержимое контейнера по центру относительно родительского элемента.

cite

cite

Элемент <cite> (от англ. cite — цитировать) представляет название творческой работы (книги, статьи, поэмы, сценария, фильма, песни, оперы, игры и др.). Это может быть произведение, на которое ссылаются в цитате, или просто работа, упоминаемая вскользь. <cite> обычно сочетается с цитатами, в частности, с элементом <blockquote> и указывает название произведения, из которого взята цитата. Учтите, что для ссылки на первоисточник <cite> не подходит, для этого есть атрибут cite. Браузеры обычно выделяют текст внутри <cite> курсивом.

code

code

Элемент <code> (от англ. code — код) предназначен для отображения одной или нескольких строк текста, который представляет собой программный код. Сюда относятся имена переменных, ключевые слова, тексты функции и т. д. Браузеры обычно отображают содержимое контейнера <code> как моноширинный текст уменьшенного размера.

col

col

Элемент <col> (от англ. column — колонка) задаёт ширину и другие характеристики одной или нескольких колонок таблицы. При наличии этого элемента браузер начинает показывать содержимое таблицы, не дожидаясь её полной загрузки. <col> можно использовать совместно с элементом <colgroup>, который задаёт группу колонок, обладающих общими характеристиками.

colgroup

colgroup

Элемент <colgroup> (от англ. column group — группа колонок) предназначен для задания ширины и стиля одной или нескольких колонок таблицы. Этот элемент позволяет уменьшить код таблицы за счёт сокращения повторяющихся атрибутов, и при его наличии браузер начинает показывать содержимое таблицы, не дожидаясь её полной загрузки. Элемент <colgroup> можно использовать в комбинации с <col>, который определяет характеристики одной или нескольких колонок.

command

command

Создаёт команду в виде переключателя, флажка или обычной кнопки. Элемент <command> (от англ. command — команда) должен располагаться внутри <menu>, в противном случае он не будет показан.

comment

comment

Добавляет комментарий в код документа, он не отображается в браузере. <comment> (от англ. comment — комментарий) допустимо использовать только внутри <body>.

data

data

Представляет содержимое в машиночитаемом виде, предназначенное для внешних автоматизированных систем или скриптов на самом сайте. Внутри <data>(от англ. data — данные) , к примеру, может храниться идентификатор товара, но никак не дата или время.

datalist

datalist

HTML5

Элемент <datalist> (от англ. data list — список данных) создаёт список вариантов, которые можно выбирать при наборе в текстовом поле. Изначально этот список скрыт и становится доступным при получении полем фокуса или при наборе текста.

dd

dd

Элемент <dd> (от англ. description list description — описание списка описаний) входит в тройку элементов <dl>, <dt>, <dd>, предназначенных для создания списка описаний. Каждый такой список начинается с контейнера <dl>, куда входит элемент <dt> создающий термин и элемент <dd> задающий описание этого термина.

del

del

Элемент <del> (от англ. delete — удалить) используется для выделения текста, который был удалён в новой версии документа. Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны. Браузеры обычно помечают текст в контейнере <del> как перечёркнутый.

details

details

HTML5

Элемент <details> (от англ. details — подробности, данные) используется для хранения информации, которую можно скрыть или показать по требованию пользователя. По умолчанию содержимое элемента не отображается, для изменения статуса применяется атрибут open.

dfn

dfn

Как правило, в документе, когда упоминается новый термин, он выделяется курсивом и даётся его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. Элемент <dfn> (от англ. definition — определение) применяется для выделения таких терминов при их первом появлении в тексте.

dialog

dialog

HTML5

Элемент <dialog> (от англ. dialog — диалог) создаёт диалоговое окно, в котором можно выводить сообщение или форму, например, для входа на сайт.

dir

dir

Элемент <dir> (от англ. directory — директория) создаёт список, содержащий названия директорий (системные папки). Аналогично элемента <ol> и <ul> внутри контейнера <dir> список формируется с помощью <li>.

div

div

Элемент <div> (от англ. division — раздел, секция) является универсальным блочным элементом и предназначен для группирования элементов документа с целью изменения вида содержимого через стили. Для этого добавляется атрибут class или id с именем класса или идентификатора.

dl

dl

Элемент <dl> (от англ. description list — список описаний) входит в тройку элементов <dl>, <dt>, <dd>, предназначенных для создания списка описаний. Каждый такой список начинается с контейнера <dl>, куда входит элемент <dt> создающий термин и элемент <dd> задающий описание этого термина.

dt

dt

Элемент <dt> (от англ. description list term — термин списка описаний) входит в тройку элементов <dl>, <dt>, <dd>, предназначенных для создания списка описаний. Каждый такой список начинается с контейнера <dl>, куда входит элемент <dt> создающий термин и элемент <dd> задающий описание этого термина.

em

em

Предназначен для текста, имеющего особое значение или на который следует сделать акцент. Текст внутри <em> (от англ. emphasis — акцент) отображается курсивным начертанием.

embed

embed

Элемент <embed> (от англ. embed — вставить, внедрить) используется для загрузки и отображения объектов (например, видеофайлов, флэш-роликов, некоторых звуковых файлов и т. д.), которые исходно браузер не понимает. Как правило, такие объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы.

fieldset

fieldset

Элемент <fieldset> (от англ. form field set — набор полей формы) предназначен для группирования элементов формы. Такая группировка облегчает работу с формами, содержащими большое число данных, например, один блок может быть предназначен для ввода текстовой информации, а другой — для флажков.

figcaption

figcaption

HTML5

Содержит описание для элемента <figure>. <figcaption> (от англ. figure caption — подпись к рисунку) должен быть первым или последним элементом в группе.

figure

figure

HTML5

Используется для группирования любых элементов, например, изображений и подписей к ним. <figure> (от англ. figure — рисунок, иллюстрация) не должен быть связан непосредственно с основным содержимым документа и при его перемещении в другое место смысл текста не должен меняться. Обычно применяется для иллюстраций, фрагментов кода, схем, графиков, диаграмм и др.

font

font

Элемент <font> (от англ. font — шрифт) представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура.

footer

footer

Элемент <footer> (от англ. footer — нижний колонтитул, подвал) задаёт «подвал» сайта или раздела веб-страницы, в нём может располагаться имя автора, дата документа, контактная и правовая информация.

form

form

Элемент <form> (от англ. form — форма) устанавливает форму на веб-странице. Форма предназначена для обмена данными между пользователем и сервером. Область применения форм не ограничена отправкой данных на сервер, с помощью клиентских скриптов можно получить доступ к любому элементу формы, изменять его и применять по своему усмотрению.

frame

frame

Элемент <frame> (от англ. frame — рамка, каркас) определяет свойства отдельного фрейма, на которые делится окно браузера. Этот элемент должен располагаться в контейнере <frameset>, который к тому же задаёт способ разметки страницы на отдельные области. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью атрибута src. Хотя обязательных атрибутов у <frame> и нет, рекомендуется задавать каждому фрейму его имя через атрибут name. Это особенно важно, если требуется по ссылке из одного фрейма загружать документ в другой.

frameset

frameset

Определяет структуру фреймов на веб-странице. Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная веб-страница, определяемая с помощью элемента <frame>. С помощью фреймов веб-страница делится на два или более документа, которые обычно содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в совершенно другом фрейме. Элемент <frameset> (от англ. frame set — набор рамок) заменяет собой <body> на веб-странице. Допустимо использовать вложенную структуру элементов, это позволяет разбить один фрейм на две и более области.

h1

h1

HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, элемент <h1> (от англ. heading — заголовок) представляет собой наиболее важный заголовок первого уровня, а <h6> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Элементы <h1>,...,<h6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство.

h2

h2

HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, элемент <h1> представляет собой наиболее важный заголовок первого уровня, а <h6> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Элементы <h1>,...,<h6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство.

h3

h3

Устанавливает заголовок третьего уровня.

h4

h4

Устанавливает заголовок четвёртого уровня.

h5

h5

Задаёт заголовок пятого уровня.

h6

h6

Задаёт заголовок шестого уровня.

head

head

Элемент <head> (от англ. head — голова) предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри контейнера <head> находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.

header

header

HTML5

Элемент <header> (от англ. header — верхний колонтитул, шапка) задаёт «шапку» сайта или раздела веб-страницы. Внутри «шапки» сайта обычно располагается логотип, название сайта, поисковая форма, навигационные ссылки и др.

hgroup

hgroup

<hgroup> (от англ. heading group — группа заголовков) используется для группирования заголовков веб-страницы или раздела. Внутри располагаются заголовки от <h1> до <h6>.

hr

hr

<hr> (от англ. horizontal rule — горизонтальная линейка) рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера.

html

html

Элемент <html> является контейнером, который заключает в себе всё содержимое веб-страницы, включая элементы <head> и <body>. Открывающий и закрывающий теги <html> в документе не обязательны, но хороший стиль диктует непременное их использование. Как правило, <html> идёт в документе вторым, после определения типа документа (Document Type Definition, DTD), устанавливаемого через <!DOCTYPE>. Закрывающий тег <html> всегда стоит в документе последним.

i

i

Элемент <i> (от англ. italic — курсив) используется для текста, который по разным причинам отличается от обычного текста. Это может быть термин, иностранное слово, название и др. Текст внутри <i> (от англ. italic — курсив) отображается курсивным начертанием.

iframe

iframe

Элемент <iframe> (от англ. inline frame — встроенный фрейм) создаёт встроенный фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы.

img

img

Элемент <img> (от англ. image — изображение) предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG, SVG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив <img> в контейнер <a>.

input

input

<input> (от англ. input — ввод) является одним из разносторонних элементов формы и позволяет создавать разные части интерфейса и обеспечивать взаимодействие с пользователем. Главным образом <input> предназначен для создания текстовых полей, различных кнопок, переключателей и флажков.

ins

ins

Элемент <ins> (от англ. insert — вставить) предназначен для выделения текста, который был добавлен в новую версию документа. Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны.

isindex

isindex

Элемент <isindex> предназначен для поискового индекса в текущем документе. Согласно спецификации, <isindex> следует размещать внутри контейнера <head>, но браузеры корректно выводят <isindex> и когда он располагается в другом месте кода. Сам элемент отображается как текстовая строка, сверху и снизу которой выводятся линии, добавляемые через <hr>.

kbd

kbd

Элемент <kbd> (от англ. keyboard — клавиатура) используется для обозначения текста, который набирается на клавиатуре или для названия клавиш. Браузеры обычно помечают текст в контейнере <kbd> моноширинным шрифтом.

keygen

keygen

Используется для генерации пары ключей — закрытого и открытого. Когда форма отправляется на сервер, закрытый ключ сохраняется на локальном компьютере, а открытый ключ передаётся вместе с формой. Сами ключи необходимы для шифрования и расшифровки данных, создания и проверки цифровой подписи.

label

label

Элемент <label> (от англ. label — метка) устанавливает связь между определённой меткой, в качестве которой обычно выступает текст, и элементом формы (<input>, <select>, <textarea>). Такая связь необходима, чтобы изменять значения элементов формы при щелчке курсором мыши на текст. Кроме того, с помощью <label> можно устанавливать горячие клавиши на клавиатуре и переходить на активный элемент подобно ссылкам.

legend

legend

Элемент <legend> (от англ. legend — легенда, надпись) применяется для создания заголовка группы элементов формы, которая определяется с помощью <fieldset>. Группа элементов обозначается в браузере с помощью рамки, а текст, который располагается внутри контейнера <legend>, встраивается в эту рамку.

li

li

Элемент <li> (от англ. list item — пункт списка) определяет отдельный пункт списка. Внешний элемент <ul> или <ol> устанавливает тип списка — маркированный или нумерованный.

link

link

Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. Элемент <link> (от англ. link — ссылка) обычно размещается внутри контейнера <head> и не создаёт ссылку, в отличие от элемента <a>.

listing

listing

Предназначен для вывода листинга программ или кода. Отображает содержимое моноширинным шрифтом уменьшенного размера.

main

main

HTML5

Элемент <main> (от англ. main — основной, главный) предназначен для основного содержимого документа. На странице может быть только один <main> и он не должен располагаться внутри элементов <article>, <aside>, <footer>, <header>, <nav> или <section>.

map

map

Элемент <map> (от англ. map — карта) служит контейнером для элементов <area>, которые определяют активные области для карт-изображений. Такие области устанавливают невидимые зоны на изображении, являющиеся ссылками на HTML-документы. Цель использования <map> — в связывании элемента <img> с клиентской картой-изображением. Эта связь определяется применением единого идентификатора как в <img>, задаваемого атрибутом usemap, так и в <map>, устанавливаемого атрибутом name.

marquee

marquee

Нестандартный

Элемент <marquee> создаёт бегущую строку на странице. На самом деле содержимое контейнера <marquee> не ограничивается строками и позволяет перемещать (скролировать) любые элементы веб-страницы — изображения, текст, таблицы, элементы форм и т. д. Перемещение можно задать не только по горизонтали, но и по вертикали, в этом случае указываются размеры области, в которой будет происходить движение.

mark

mark

HTML5

Элемент <mark> (от англ. mark — пометка) помечает текст как выделенный. В браузере фоновый цвет текста внутри <mark> выделяется жёлтым цветом.

menu

menu

HTML5

Элемент <menu> (от англ. menu — меню) предназначен для отображения списка пунктов меню. Аналогично элементам <ol> и <ul> внутри контейнера <menu> список формируется с помощью <li>.

menuitem

menuitem

Задаёт команду, которую пользователь может вызывать через контекстное меню. Команда выглядит как текстовая метка, а также дополнительно может содержать небольшую картинку. Сама команда связана с программой на JavaScript.

meta

meta

Элемент <meta> (от англ. metadata — метаданные) определяет данные (они называются ещё метатеги), которые используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Разрешается использовать более чем один метатег, все они размещаются в контейнере <head>. Как правило, атрибуты любого метатега сводятся к парам «имя=значение», имена которых определяются ключевыми словами content, name или http-equiv.

meter

meter

HTML5

Используется для вывода значения в некотором известном диапазоне. Применяется преимущественно для отображения числовых значений, например, количества результатов поиска, объёма жидкости, давления и др.

multicol

multicol

Нестандартный

Задаёт количество колонок, ширину и расстояние между колонок в многоколоночном тексте.

nav

nav

Элемент <nav> (от англ. navigation — навигация) задаёт навигацию по сайту. Если на странице несколько блоков ссылок, то в <nav> обычно помещают приоритетные ссылки. Также допустимо использовать несколько <nav> в документе. Запрещается вкладывать <nav> внутрь <address>.

nobr

nobr

Элемент <nobr> (от англ. no line break — нет переноса строки) уведомляет браузер отображать текст без переносов. Без него текст выравнивается по левому краю окна браузера или родительского элемента. При этом браузер переводы строк расставляет автоматически, чтобы текст полностью поместился по ширине окна. Использование <nobr> заставляет отображать текст без переносов, одной строкой, что может привести к появлению горизонтальной полосы прокрутки. Пользователям придется прокручивать текст по горизонтали, чтобы увидеть его полностью.

noembed

noembed

Элемент <noembed> предназначен для отображения информации на веб-странице, если браузер не поддерживает работу с плагинами. Во всех остальных случаях содержимое контейнера <noembed> будет проигнорировано.

noindex

noindex

Поисковый робот «ходит» по сайтам, просматривает и анализирует их содержимое, после чего сохраняет указатель на текст и изображения в поисковую базу данных. Такой процесс называется индексированием. Часть веб-страницы можно закрыть от индексирования, поместив её внутрь элемента <noindex>. Тогда при следующем посещении веб-страницы поисковый робот проигнорирует такое содержимое и не станет добавлять его в свою базу данных. Это делается по разным причинам, к примеру, закрытые от индексации ссылки не передают ТИЦ (тематический индекс цитирования).

noframes

noframes

Содержимое элемента <noframes> отображается в браузере, когда он не поддерживает фреймы и не умеет их интерпретировать. Браузеры, которые работают с фреймами, полностью игнорируют содержимое <noframes>. Как правило, внутри этого элемента располагается текст, информирующий пользователя о том, что его браузер фреймы не поддерживает или с предложением перейти на страницу без фреймов.

noscript

noscript

Контейнер <noscript> показывает своё содержимое, если браузер не поддерживает работу со скриптами или их поддержка отключена пользователем. В остальных случаях браузер игнорирует этот элемент и всё, что располагается внутри него.

object

object

Элемент <object> (от англ. object — объект) сообщает браузеру, как загружать и отображать объекты, которые исходно браузер не понимает. Как правило, такие объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы.

ol

ol

Элемент <ol> (от англ. ordered list — упорядоченный список) устанавливает нумерованный список. Каждый элемент списка должен начинаться с <li>. Если к <ol> применяется таблица стилей, то элементы <li> наследуют эти свойства.

optgroup

optgroup

Элемент <optgroup> (от англ. option group — группа вариантов) представляет собой контейнер, внутри которого располагаются элементы <option>, объединённые в одну группу. Особенностью <optgroup> является то, что он не выделяется как обычный элемент списка, акцентируется с помощью жирного начертания, а все элементы, входящие в этот контейнер, смещаются вправо от своего исходного положения.

option

option

Элемент <option> (от англ. option — вариант, выбор) определяет отдельные пункты списка, создаваемого с помощью контейнера <select>. Ширина списка определяется самым широким текстом, указанным в <option>, а также может изменяться с помощью стилей. Если планируется отправлять данные списка на сервер, то требуется поместить элемент <select> внутрь формы. Это также необходимо, когда к данным списка идёт обращение через скрипты.

output

output

Определяет область, в которую выводится информация, преимущественно с помощью скриптов.

p

p

Определяет текстовый абзац. Элемент <p> (от англ. paragraph — абзац, параграф) является блочным, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего абзаца или другого блочного элемента.

param

param

Элемент <param> (от англ. parameter — параметр) предназначен для передачи значений параметров Java-апплетам или объектам веб-страницы, созданным с помощью элементов <applet> или <object>. Такой подход позволяет прямо в коде HTML-документа изменять характеристики объекта без его дополнительной компиляции. Количество одновременно используемых элементов <param> может быть больше одного и для каждого из них задаётся пара «имя=значение» через атрибуты name и value.

picture

picture

Представляет собой контейнер для хранения нескольких элементов <source>, которые поддерживают элемент <img>. Это позволяет указывать разные изображения с учётом размера экрана, плотности пикселей, формата изображения и других параметров. Вот несколько областей применения <picture> (от англ. picture — картинка, изображение):

plaintext

plaintext

Элемент <plaintext> (от англ. plain text — простой текст) отображает содержимое контейнера «как есть». Пока тег <plaintext> не закрыт, все теги внутри него отображаются как обычный текст. Несмотря на то, что все браузеры поддерживают этот тег, он не входит в спецификацию HTML и его использование осуждается.

pre

pre

Элемент <pre> (от англ. preformatted text — форматированный текст) определяет блок предварительно форматированного текста. Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами. По умолчанию, любое количество пробелов идущих в коде подряд, на веб-странице показывается как один. Элемент <pre> позволяет обойти эту особенность и отображать текст как требуется разработчику.

progress

progress

Используется для отображения прогресса завершённости задачи. Изменение значения происходит через JavaScript.

q

q

Элемент <q> (от англ. quotation — цитата, кавычки) используется для выделения в тексте цитат. Содержимое контейнера автоматически отображается в браузере в кавычках.

rp

rp

Используется для вывода текста в браузерах, которые не поддерживают элемент <ruby>. В остальных браузерах текст, заключенный в контейнер <rp> (от англ. ruby parenthesis — скобки рубина), не отображается. Элемент <rp> должен идти до или после <rt>.

rt

rt

Элемент <rt> (от англ. ruby text — текст рубина) добавляет аннотацию сверху или снизу от текста, заключенного в контейнер <ruby>. Сама аннотация выводится уменьшенным шрифтом.

rtc

rtc

Элемент <rtc> (от англ. ruby text container — текстовый контейнер рубина) обозначает текстовый контейнер внутри <ruby>. В основном применяется в качестве описательной части или аннотации для иероглифов.

ruby

ruby

Элемент <ruby> (от англ. ruby — рубин) предназначен для добавления небольшой аннотации сверху или снизу от заданного текста. Такая форма записи преимущественно используется для идеографической письменности вроде китайского языка, но может применяться и для других языков, если требуется написать один текст над другим.

s

s

Элемент <s> (от англ. strikethrough — зачёркнутый) используется для содержимого, которое уже не является точным или актуальным. Браузеры отображают такой текст как перечёркнутый. Элемент <s> не должен применяться для удалённого текста, для этой цели есть элемент <del>.

samp

samp

Элемент <samp> (от англ. sample — пример, образец) используется для отображения текста, который является результатом вывода компьютерной программы или скрипта. Браузеры обычно отображают текст в контейнере <samp> с помощью моноширинного шрифта.

script

script

Элемент <script> (от англ. script — сценарий) предназначен для описания скриптов, может содержать ссылку на программу или её текст на определённом языке. Скрипты могут располагаться во внешнем файле и связываться с любым HTML-документом. Такой подход позволяет использовать одни и те же общие функции на многих веб-страницах и ускоряет их загрузку, т. к. внешний файл кэшируется при первой загрузке, и скрипт вызывается быстрее при последующих вызовах.

section

section

Задаёт раздел документа, может применяться для блока новостей, контактной информации, глав текста, вкладок в диалоговом окне и др. Раздел обычно содержит заголовок. Допускается вкладывать один элемент <section> (от англ. section — раздел) внутрь другого.

select

select

<select> (от англ. selection — выбор) позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором. Конечный вид зависит от использования атрибута size, который устанавливает высоту списка. Ширина списка определяется самым широким текстом, указанным в элементе <option>, а также может изменяться с помощью стилей. Каждый пункт создаётся с помощью элемента <option>, который должен быть вложен в контейнер <select>. Если планируется отправлять данные списка на сервер, то требуется поместить <select> внутрь формы. Это также необходимо, когда к данным списка идёт обращение через скрипты.

small

small

В HTML4 <small> (от англ. small — маленький) уменьшает размер шрифта на единицу по сравнению с обычным текстом. В HTML4 размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом, добавление <small> уменьшает текст на одну условную единицу. Допускается применение вложенных элементов <small>, при этом размер шрифта будет меньше с каждым вложенным уровнем, но не может быть меньше, чем 1.

source

source

Вставляет звуковой или видеофайл для элементов <audio> и <video>. Обобщённо такие файлы называются медийными. Также применяется для добавления изображений в контейнере <picture>

spacer

spacer

Создаёт пустое пространство по вертикали или горизонтали.

span

span

Универсальный строчный элемент <span> (от англ. span — охватывать) предназначен для выделения отдельных строк, символов или других строчных элементов для дальнейшего изменения их оформления с помощью стилей. Например, внутри абзаца (<p>) можно изменить цвет и размер первого слова, если его выделить с помощью элемента <span> и задать для него желаемый стиль.

strike

strike

Элемент <strike> (от англ. strikethrough — зачёркнутый) отображает текст как перечёркнутый. По своему действию аналогичен <s>, который имеет сокращённую форму записи.

strong

strong

Элемент <strong> (от англ. strong — сильный) выделяет важный текст, отображается жирным начертанием. Важное предложение имеет большое значение для всей веб-страницы, указывает на что-то серьёзное или срочное. Важное слово или словосочетание показывает, что оно имеет большее значение по сравнению с окружающим текстом. Браузеры отображают текст внутри <strong> жирным начертанием.

style

style

<style> (от англ. style — стиль) применяется для определения стилей элементов веб-страницы. Элемент <style> необходимо использовать внутри контейнера <head>. Можно задавать несколько <style>.

sub

sub

Элемент <sub> (от англ. subscript — нижний индекс) отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера.

summary

summary

Указывает заголовок для <details>, по которому можно щёлкать для разворачивания/сворачивания информации. Элемент <summary> должен идти первым внутри <details>.

sup

sup

Элемент <sup> (от англ. superscript — верхний индекс) отображает шрифт в виде верхнего индекса. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера.

table

table

<table> (от англ. table — таблица) служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью элементов <tr> и <td>. Внутри <table> допустимо использовать следующие элементы: <caption>, <col>, <colgroup>, <tbody>, <td>, <tfoot>, <th>, <thead> и <tr>.

tbody

tbody

Элемент <tbody> (от англ. table body — тело таблицы) предназначен для хранения одной или нескольких строк таблицы. Это позволяет создавать структурные блоки, к которым можно применять единое оформление через стили, а также управлять их видом через скрипты.

td

td

Предназначен для создания одной ячейки таблицы. Элемент <td> (от англ. table data cell — ячейка с данными таблицы) должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри <table>.

template

template

HTML5

Элемент <template> представляет собой механизм для хранения содержимого на стороне клиента, которое не отображается в процессе загрузки страницы, но впоследствии может быть заполнено с помощью JavaScript.

textarea

textarea

<textarea> представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста. В отличие от элемента <input> в текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.

tfoot

tfoot

Элемент <tfoot> (от англ. table foot — подвал таблицы) представляет собой «подвал» таблицы и отображается внизу таблицы. Предназначен для информации о колонках таблицы.

th

th

Элемент <th> (от англ. table header cell — ячейка заголовка таблицы) предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в такой ячейке отображается браузером обычно жирным шрифтом и выравнивается по центру. Элемент <th> должен размещаться внутри контейнера <tr>, который в свою очередь располагается внутри <table>.

thead

thead

Элемент <thead> (от англ. table head — голова или шапка таблицы) предназначен для хранения одной или нескольких строк, которые представлены вверху таблицы. Допустимо использовать не более одного элемента <thead> в пределах одной таблицы, и он должен идти в исходном коде сразу после открывающего тега <table> или <caption> (если он есть).

time

time

HTML5

Помечает текст внутри элемента <time> (от англ. time — время) как дата, время или оба значения. Может указываться непосредственно внутри контейнера <time>, либо задаваться через атрибут datetime.

title

title

Определяет заголовок документа. Элемент <title> (от англ. title — название, заголовок) не является частью документа и не показывается напрямую на веб-странице. Текст заголовка отображается, как правило, на вкладке браузера (рис. 1). Допускается использовать только один <title> на документ и размещать его в контейнере <head>.

tr

tr

Элемент <tr> (от англ. table row — строка таблицы) служит контейнером для создания строки таблицы. Каждая ячейка в пределах такой строки устанавливается с помощью элемента <th> или <td>.

track

track

HTML5

Элемент <track> (от англ. track — дорожка) позволяет авторам указать текстовую дорожку для медийных элементов <audio> и <video>. Такая дорожка обычно содержит субтитры на разных языках, комментарии, заголовки и др.

tt

tt

Элемент <tt> (от англ. teletype text — текст телетайпа) отображает текст моноширинным шрифтом.

u

u

Элемент <u> (от англ. unarticulated — невнятный) используется для разметки текста, который должен отличаться стилистически от обычного текста. К примеру, так можно помечать ошибки в тексте, собственные имена, иностранные слова. Текст в <u> выделяется подчёркиванием.

ul

ul

Элемент <ul> (от англ. unordered list — неупорядоченный список) устанавливает маркированный список. Каждый пункт списка должен начинаться с элемента <li>.

var

var

Элемент <var> (от англ. variable — переменная) используется для выделения переменных из компьютерных программ. Браузеры обычно помечают текст в контейнере <var> курсивным начертанием.

video

video

Добавляет, воспроизводит и управляет настройками видеоролика на веб-странице. Путь к файлу задаётся через атрибут src или вложенный элемент <source>.

wbr

wbr

Элемент <wbr> (от англ. word break — перенос слов) указывает браузеру место, где допускается делать перенос строки в тексте, если этого требует ширина родительского элемента.

xmp

xmp

Элемент <xmp> (от англ. example — пример) отображает содержимое контейнера «как есть» и шрифтом фиксированной ширины. Пока элемент <xmp> не закрыт, все теги внутри него отображаются как обычный текст.

<!-- -->

<!-- -->

Добавляет комментарий в код документа. Текст комментария не отображается на странице и предназначен для пояснения кода или для технических целей. Разрешается внутрь комментария добавлять другие элементы, при этом недопустимо один комментарий вкладывать внутрь другого.

Атрибут accesskey

Атрибут accesskey

Позволяет получить доступ к элементу с помощью заданного сочетания клавиш.

Атрибут class

Атрибут class

Определяет имя класса, которое позволяет связать элемент со стилевым оформлением.

Атрибут contenteditable

Атрибут contenteditable

Сообщает, что элемент доступен для редактирования пользователем.

Атрибут contextmenu

Атрибут contextmenu

Устанавливает контекстное меню для элемента.

Атрибут data-*

Атрибут data-*

Позволяет создавать свои атрибуты для хранения произвольной информации.

Атрибут dir

Атрибут dir

Задаёт направление и отображение текста — слева направо или справа налево.

Атрибут draggable

Атрибут draggable

Указывает, можно ли перетаскивать элемент используя Drag and Drop API.

Атрибут dropzone

Атрибут dropzone

Определяет, что делать с перетаскиваемыми пользователем данными - скопировать их, перетащить или связать.

Атрибут hidden

Атрибут hidden

Скрывает содержимое элемента от просмотра.

Атрибут id

Атрибут id

Указывает имя стилевого идентификатора.

Атрибут itemid

Атрибут itemid

Определяет уникальный глобальный идентификатор элемента для микроданных.

Атрибут itemprop

Атрибут itemprop

Используется для добавления свойств словаря микроданных к элементу.

Атрибут itemref

Атрибут itemref

Связывает свойства элемента с атрибутом itemscope.

Атрибут itemscope

Атрибут itemscope

Задаёт область действия словаря в структуре данных.

Атрибут itemtype

Атрибут itemtype

Указывает адрес словаря, который будет применяться для определения свойств элемента в структуре данных.

Атрибут lang

Атрибут lang

Браузер использует значение атрибута для правильного отображения некоторых национальных символов.

Атрибут spellcheck

Атрибут spellcheck

Указывает браузеру проверять или нет правописание и грамматику в тексте.

Атрибут style

Атрибут style

Применяется для определения стиля элемента с помощью правил CSS.

Атрибут tabindex

Атрибут tabindex

Устанавливает порядок получения фокуса при переходе между элементами с помощью клавиши Tab.

Атрибут title

Атрибут title

Описывает содержимое элемента в виде всплывающей подсказки.

Событие onblur

Событие onblur

Потеря фокуса.

Событие onchange

Событие onchange

Изменение значения элемента формы.

Событие onclick

Событие onclick

Щелчок левой кнопкой мыши на элементе.

Событие ondblclick

Событие ondblclick

Двойной щелчок левой кнопкой мыши на элементе.

Событие onfocus

Событие onfocus

Получение фокуса.

Событие onkeydown

Событие onkeydown

Клавиша нажата, но не отпущена.

Событие onkeypress

Событие onkeypress

Клавиша нажата и отпущена.

Событие onkeyup

Событие onkeyup

Клавиша отпущена.

Событие onload

Событие onload

Документ загружен.

Событие onmousedown

Событие onmousedown

Нажата левая кнопка мыши.

Событие onmousemove

Событие onmousemove

Перемещение курсора мыши.

Событие onmouseout

Событие onmouseout

Курсор покидает элемент.

Событие onmouseover

Событие onmouseover

Курсор наводится на элемент.

Событие onmouseup

Событие onmouseup

Левая кнопка мыши отпущена.

Событие onreset

Событие onreset

Форма очищена.

Событие onselect

Событие onselect

Выделен текст в поле формы.

Событие onscroll

Событие onscroll

Событие onscroll происходит при прокручивании содержимого веб-страницы.

Событие onsubmit

Событие onsubmit

Форма отправлена.

Событие onunload

Событие onunload

Закрытие окна.

MIME-типы

MIME-типы

MIME (Multipurpose Internet Mail Extension, Многоцелевые расширения почты Интернета) — спецификация для передачи по сети файлов различного типа: изображений, музыки, текстов, видео, архивов и др. Указание MIME-типа используется в HTML обычно при передаче данных форм и вставки на страницу различных объектов.

Адрес

Адрес

Адресом называется путь к документу, например, к графическому файлу. Адрес необходим в тех случаях, когда делается ссылка на веб-страницу или загружается определённый файл. Например, в элементе <img> адрес используется в качестве значения атрибута src, он задаёт путь к файлу с изображением.

Коды языков

Коды языков

Код языка применяется для атрибутов, задающих язык, на котором написан весь документ или отдельные его блоки. В HTML язык обычно задаётся через атрибут lang.

Названия цветов

Названия цветов

Кроме шестнадцатеричного представления цвета в качестве значений допускается указывать ключевые слова, обозначающие цвет.

Проценты

Проценты

Устарел

Скрипт

Скрипт

Скриптом называется программа (обычно на языке JavaScript) выполняемая в браузере. Скрипт в качестве значения применяется к событиям и вызывается при наступлении указанного события. Если скрипт небольшой, его код можно указать прямо в значении, для объёмных скриптов пишется функция и вызывается в значении события.

Текст

Текст

Обычная текстовая строка.

Цвет

Цвет

В HTML цвет задаётся одним из двух путей: с помощью шестнадцатеричного кода и по названию некоторых цветов. Преимущественно используется способ, основанный на шестнадцатеричной системе исчисления, как наиболее универсальный.

Число

Число

Значенням атрибута тега може виступати ціле число, що містить цифри від 0 до 9. Число може бути від'ємним, тоді перед ним ставлять знак мінус без пробілів (-10).

Аудио и видео

Аудио и видео

Элементы для проигрывания и управления аудио и видеороликами на странице.

Документ

Документ

Элементы, формирующие структуру HTML-документа.

Изображения

Изображения

Элементы для добавления картинок на страницу.

Объекты

Объекты

Добавление на страницу апплетов или объектов, которые браузер понимает с помощью плагинов.

Скрипты

Скрипты

Вставка на страницу программных скриптов, обычно на языке JavaScript.

Списки

Списки

Нумерованные и маркированные списки.

Посилання

Посилання

Посилання на інші сторінки та навігація сайтом.

Таблицы

Таблицы

Создание и управление табличными данными.

Текст

Текст

Элементы, предназначенные для управления видом текста на веб-странице.

Формы

Формы

Интерактивные элементы для взаимодействия с пользователем и отправки данных на сервер для их последующей обработки.

Фреймы

Фреймы

Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью элемента <frame>. С помощью фреймов веб-страница делится на два или более документа, которые обычно содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в совершенно другом фрейме. Допустимо также использовать вложенную структуру элементов, это позволяет дробить фреймы на мелкие области.