Справочник по 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>. Список поддерживаемых браузерами аудио и видеокодеков ограничен и приведён в табл. 1.

  • 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

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

События

Значения

  • MIME-типы

    MIME-типы

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

  • Адрес

    Адрес

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

  • Коды языков

    Коды языков

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

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

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

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

  • Проценты

    Проценты
    Устарел

  • Скрипт

    Скрипт

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

  • Текст

    Текст

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

  • Цвет

    Цвет

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

  • Число

    Число

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

Типы элементов

  • Аудио и видео

    Аудио и видео

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

  • Документ

    Документ

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

  • Изображения

    Изображения

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

  • Объекты

    Объекты

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

  • Скрипты

    Скрипты

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

  • Списки

    Списки

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

  • Ссылки

    Ссылки

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

  • Таблицы

    Таблицы

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

  • Текст

    Текст

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

  • Формы

    Формы

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

  • Фреймы

    Фреймы

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