Вы находитесь на странице: 1из 40

С ПРАВОЧНИК HTML

Интернет-издание, 2012
Свободное распространение
«Справочника HTML»
разрешено только с обязательным
указанием сайта автора:
webmastersam.ru
Справочник включает версии языка разметки
HTML 4.01, XHTML 1.0 и 1.1. Явно устаревшие
теги и атрибуты языка, которые не вошли в
данные спецификации, в справочник не
включены.
В справочнике указывается, начиная с какой
версии языка, элемент поддерживается
«капризным» браузером Internet Explorer
(колонка «IE»). Поддержка элементов html
другими браузерами показана, только в случае ее
отсутствия, в колонке «Примечание».
Использование некоторых тегов и атрибутов
продемонстрированно на кратких примерах.
Справочник содержит универсальные атрибуты и
события, распространенные спец. символы,
цвета и MIME-типы файлов. Обновленная версия
справочника находится на сайте автора.

Оглавление:

A B C D E F H I K L M N O P Q R S T U V W !DOCTYPE
Комментарии
Универсальные атрибуты События Цвет Специальные символы
MIME-типы

САЙТВЕБМАСТЕРОВ
Справочник HTML

Примечания:

* - Теги, которые не требуют закрывающего тега, указаны в колонке


«Примечание».
** - Отсутствие поддержки основных браузеров: Chrome, Opera, Firefox
и Safari указаны в колонке «Примечание» (возможна поддержка более
новыми версиями браузеров), поддержка браузера Internet Explorer в
отдельной колонке «IE».
*** - Версия Strict относится к HTML 4.01 | XHTML 1.0, но значения
равнозначны с XHTML 1.1.
Справочник HTML

Тег A

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<A> + строчный
+ + + + + + *
alt + + + + + **
charset - + + + + игнор. основн. браузерами

coords - + + + + игнор. chrome, firefox

href + + + + + **
hreflang - + + + + игнор. основн. браузерами

media - + - - - игнор. основн. браузерами

name + + + + - **
rel - + + + + игнор. или ошибки

rev - + + + + игнор. основн. браузерами

shape - + + + + игнор. chrome, firefox

target + + + + - **
type + + + + + **

Тег a создает ссылку, наличие атрибута обязательно.


Применение:
<a href="http://webmastersam.ru/index.html">...</a> - полный путь к документу, вместо троеточия
вставить текст ссылки.
<a href="index.html">...</a> - относительный путь.
<a name="tag">...</a> - создание якоря, вместо троеточия вставить текст или оставить пустым,
вместо tag - любое название. Якорь - это закладка в любом месте страницы, например, вначале
страницы, а ссылка на якорь будет выглядеть так:
<a href="http://webmastersam.ru/index.html#tag">наверх</a>, или просто:
<a href="#tag">наверх</a>
Атрибуты:
• alt - задает альтернативный текст, в случае, если браузер не отображает изображение.
• charset - указывает кодировку документа, на который ведет ссылка. Значения: utf-8 и т.д.
• coords - для ссылок внутри <object>. Атрибут share задает тип активной области, а coords ее
координаты. Например, для прямоугольника x1, x2, y1 и y2, для окружности x, y и радиус r -
значения в px, отсчитываются от левого верхнего угла элемента.
• href - указывает путь к документу.
• hreflang - указывает код языка документа, например RU.
• media - показывает тип носителя документа. Значения: all - любой тип (по умолчан.), braille и
embossed - устройства и принтеры с системой Брайля, handheld - смартфоны, print - принтеры,
projection - проекторы, screen - монитор, speech - речевые синтезаторы, tty - устройства с
фиксированным размером символов, tv - телевизоры или медиа запросы.
• name - создание якоря.
• rel - игнорируется основными браузерами, укажу только необходимое значение: rel="nofollow" -
служит для «закрытия» ссылок. Такая ссылка не передает «вес» страницы.
• rev - игнорируется основными браузерами, описывает документ.
• shape - задает тип активной области внутри <object>. Значения: circle - окружность, default - по
умолчанию, poly - произвольная форма, rect прямоугольная.
• target - задает параметр загрузки страницы. Значения: _blank - загружает страницу в новое окно,
_self - текущее окно браузера, _parent - ссылка откроется в текущем фрейме с заменой его
содержимого, _top - открывает документ в текущем окне браузера с заменой всех фреймов.
• type - используется строго с атрибутом href, показывает MIME-тип документа.

Тег ABBR

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<ABBR> - строчный 7.0 и выше
+ + + + + *

Тег abbr обозначает аббревиатуру.


как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег ACRONYM

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<ACRONYM> - строчный
+ - + + + + *

Тег acronym показывает акроним - устоявшееся сокращение, например: комбат.

Тег ADDRESS

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<ADDRESS> - блочный
+ + + + + + *

Тег address - информация об авторе, текст в теге отображается курсивом.

Тег AREA

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<AREA> + + + + + + + нет закрывающ. тега

alt + + + + + **
coords + + + + + **
href + + + + + **
hreflang - + - - - игнор. основн. браузерами

nohref + + + + + **
shape + + + + + **
target + + + + - **
type + + - - - **

Тег area - разбивает изображение на активные области, которые являются ссылками. Он задает
координаты и путь к документу, располагается в <map>.
Атрибуты:
• alt - задает альтернативный текст, в случае, если браузер не отображает изображение.
• coords - задает координаты. Атрибут share задает тип активной области, а coords ее кординаты.
Например, для прямоугольника x1, x2, y1 и y2, для окружности x, y и радиус r - значения в px,
отсчитываются от левого верхнего угла элемента.
• href - указывает путь к документу.
• hreflang - указывает код языка документа, например RU.
• nohref - указывает, что активная область не ссылка, используется без атрибута href.
• shape - задает тип активной области. Значения: circle - окружность, default - по умолчанию, poly -
произвольная форма, rect прямоугольная.
• target - задает параметр загрузки страницы. Значения: _blank - загружает страницу в новое окно,
_self - текущее окно браузера, _parent - ссылка откроется в текущем фрейме с заменой его
содержимого, _top - открывает документ в текущем окне браузера с заменой всех фреймов.
• type - используется строго с атрибутом href, показывает MIME-тип документа.

Тег ARTICLE

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

<ARTICLE> - секции 9.0 и выше


+ - - - + *

Тег article - новый тег в HTML5, используется для разметки части документа, эта область аналогична
отдельной газетной статье.

Тег ASIDE

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<ASIDE> - секции 9.0 и выше
+ - - - + *

Тег aside - новый тег в HTML5, размечает отступления от основного текста: «врезки» с
дополнительной информацией.

Тег AUDIO

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<AUDIO> + 9.0 и выше
+ - - - - *
autoplay 9.0 и выше
+ - - - **
controls 9.0 и выше
+ - - - **
loop 9.0 и выше
+ - - - **
preload 9.0 и выше
+ - - - **
scr 9.0 и выше
+ - - - **

Тег audio - новый тег в HTML5, добавление на страницу аудио.


Атрибуты:
• autoplay - автоматическое воспроизведение аудио, когда страница загрузится.
• controls - показывает панель управления для пользователя: кнопки начала и остановки
воспроизведения и др.
• loop - циклическое воспроизведение.
• preload - определяет, необходимо ли загружать аудиозапись в элемент <audio>. Значения: none -
не загружать (по умолчан.), metadata - загрузить только метаданные об аудио, auto - загружать.
• scr - указывает URL аудиофайла.

Тег B

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<B> - строчный
+ + + + + + *

Тег b - жирный шрифт для фрагмента текста (в CSS - свойство font-weight).

Тег BASE

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<BASE> + + + + + + нет закрывающ. тега

href + + + + + **
target + + + + - **

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег base - находится в теге <head> в документах, использующих относительные пути (URL). При
перемещении этих документов в другие директории (папки), браузеры определяют полный путь к
документу. В XHTML: <base />.
Атрибуты:
• href - указание полного пути к документу.
• target - задает параметр загрузки страницы. Значения: _blank - загружает страницу в новое окно,
_self - текущее окно браузера, _parent - ссылка откроется в текущем фрейме с заменой его
содержимого, _top - открывает документ в текущем окне браузера с заменой всех фреймов.

Тег BDO

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<BDO> - строчный
+ + + + + + *

Тег bdo - направление текста: слева-направо или, наоборот, с помощью универсального атрибута
dir.

Тег BIG

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<BIG> - строчный
+ - + + + + *

Тег big - увеличивает размет шрифта (в CSS - свойство font-size).

Тег BLOCKQUOTE

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<BLOCKQUOTE> - блочный
+ + + + + + *

Тег blockquote - выделяет цитату в тексте.

Тег BODY

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<BODY> + + + + + + + *
alink + + + + - **
background + + + + - **
bgcolor + + + + - **
link + + + + - **
text + + + + - **
vlink + + + + - **

Тег body - тело html-документа, обязательный в версиях Strict, расположен после заголовка html-
документа: тега <head>.
Атрибуты:
• alink - изменяет цвет активных ссылок (в CSS - псевдокласс :active). Значения: цвета, например:
#FFF.
• background - задает фоновое изображение (в CSS - свойство background).
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

• bgcolor - задает фон страницы (в CSS - свойство background). Значения: цвета.


• link - задает цвет ссылок: не посещенных (в CSS - псевдокласс :link). Значения: цвета.
• text - цвет текста на странице (в CSS - свойство color). Значения: цвета.
• vlink - цвет для посещенных ссылок (в CSS - псевдокласс :visited). Значения: цвета.

Тег BR

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<BR> + строчный
+ + + + + нет закрывающ. тега

clear + + + + - **

Тег br - конец строки, перевод на новую. В XHTML: <br />.


Атрибут: clear - выравнивание текста (в CSS - свойство text-align).

Тег BUTTON

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<BUTTON> + 8.0 и выше
+ + + + + *
autofocus - + - - - **
disabled + + + + + **
form - + - - - **
formaction - + - - - **
formenctype - + - - - **
formmethod - + - - - **
formnovalidate - + - - - **
formtarget - + - - - **
name + + + + + **
type + + + + + **
value 8.0 и выше
+ + + + **

Тег button - служит для создания кнопки, может быть помещен в элемент <form>.
Атрибуты:
• autofocus - позволяет активировать кнопку сразу (с клавиатуры), без помещения на кнопку фокуса.
• disabled - блокирует кнопку, не позволяет навести на нее фокус. В XHTML к атрибуту <disabled>
следует прописать значение: <button disabled="disabled">...</button>.
• form - устанавливает связь кнопки с формой. Значение: одинаковое со значением атрибута id для
тега <form>.
• formaction - указывает URL программы, которая обрабатывает форму.
• formenctype - кодирование данных формы для отправки на сервер. Значения: application/x-www-
form-urlencoded - символы кодируются шестнадцатеричными значениями, вместо пробелов символ +
(по умолчан.), multipart/form-data - данные передаются без кодирования, text/plain - символы не
кодируются, вместо пробелов символ +.
• formmethod - задает метод передачи данных на сервер. Значения: get - передача данных через
адресную строку браузера, post - передача данных на сервер через запрос браузера.
• formnovalidate - отменяет автоматическую проверку браузером данных формы.
• formtarget - URL окна или фрейма, можно через атрибут name. Значения: _blank - загружает
страницу в новое окно, _self - текущее окно браузера (по умолчан.), _parent - ссылка откроется в
текущем фрейме с заменой его содержимого, _top - открывает документ в текущем окне браузера с
заменой всех фреймов.
• name - присваивает уникальное имя для кнопки.
• type - задает тип кнопки по функционалу. Значения: button - простая кнопка (по умолчан.), reset -
очищает введенные данные, возвращает начальные значения, submit - отправляет данные на сервер.
• value - определяет значение для данных формы.

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег CANVAS

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<CANVAS> + 9.0 и выше
+ - - - + *
height 9.0 и выше
+ - - - **
widht 9.0 и выше
+ - - - **

Тег canvas - новый тег в HTML5, создает виртуальный холст и отображает графику. Использование
средств JavaScript позволяет рисовать картинки: кривые, линии, фигуры, текст и др.
Атрибуты:
• height - высота холста (по умолчан: 300px).
• widht - ширина холста (по умолчан: 150px).

Тег CAPTION

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<CAPTION> + + + + + + + *

Тег caption - используется только в теге <table>, создает заголовок для таблицы.
Устаревшие атрибуты: align и valign - плохо поддерживаются основными браузерами, либо
игнорируются.

Тег CENTER

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<CENTER> - блочный
+ - + + - - *

Тег center - выравнивает содержимое по центру в родительском элементе (в CSS - свойство text-
align).

Тег CITE

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<CITE> - строчный
+ + + + + + *

Тег cite - размечает фрагмент текста, как сноску.

Тег CODE

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<CODE> - строчный
+ + + + + + *

Тег code - служит для отображения программного кода. Аналог тега <pre>, в котором учитываются
пробелы, соответственно, и переносы строк. В теге <code> пробелы не учитываются и применяются
переносы строк <br> и неразрывные пробелы. Код HTML отображается некорректно, используйте
маленькую хитрость: вместо первой скобки открывающего и закрывающего тега <code> вставьте
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

символ &..lt; без двоеточия.

Тег COL

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<COL> + + + + + + - нет закрывающ. тега

span + + + + + **
width + + + + + **

Тег col - задает ширину колонок таблицы, удобно применять вместе с тегом <colgroup>, который
обозначает группу колонок. В XHTML: <col width="..." />
Атрибуты:
• span - задает количество колонок в таблице. Значения: целое число.
• width - ширина колонки (в CSS - свойство width).
атрибуты спецификаций HTML 4.01 и XHTML: align, char, charoff и valign - плохо поддерживаются
основными браузерами, либо игнорируются.

Тег COLGROUP

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<COLGROUP> + + + + + + - нет закрывающ. тега

align + + + + + **
span + + + + + **
valign + + + + + **
width + + + + + **

Тег colgroup - задает ширину и стиль колонок таблицы, можно применять вместе с тегом <col>,
который задает ширину колонок. В XHTML: <colgroup width="..." />
Атрибуты:
• align - выравнивание содержимого колонки по горизонтали. Значения: left (по умолчан.), center,
right - выравнивают содержимое по левому краю, центру, правому краю; justify - выравнивает по
ширине, увеличивает количество пробелов. (в CSS - свойство text-align).
• span - задает количество колонок в таблице. Значения: целое число.
• width - ширина колонки (в CSS - свойство width).
• valign - выравнивание содержимого колонки по вертикали. Значения: baseline - выравнивает
содержимое по базовой линии; bottom, middle (по умолчан.), top - выравнивание содержимого по
нижнему краю, середине, верхнему краю.
атрибуты спецификаций HTML 4.01 и XHTML: char, charoff - плохо поддерживаются основными
браузерами, либо игнорируются.

Тег COMMAND

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<COMMAND> + N/A
+ - - - + N/A

checked N/A
+ - - - N/A

disabled N/A
+ - - - N/A

icon N/A
+ - - - N/A

label N/A
+ - - - N/A

radiogroup N/A
+ - - - N/A

type N/A
+ - - - N/A

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег command - находится внутри <menu>, служит для оформления кнопки, флажка или кнопки-
переключателя.
Атрибуты:
• checked - активирует элемент, если значение атрибута type - НЕ command.
• disabled - доступность элемента.
• icon - URL изображения элемента.
• label - задает имя команды.
• radiogroup - имя группы кнопок-переключателей, если значение атрибута type - radio.
• type - тип отображаемого элемента управления. Значения: checkbox - флажок, command - кнопка
(по умолчан.), radio - кнопка-переключатель.

Тег DATALIST

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<DATALIST> - + + - - - + *

Тег datalist - новый тег в HTML5, задает список вариантов на выбор, используется для заполнения
поля формы. Значение универсального атрибута id должно быть идентично со значением атрибута
list тега input: <input list="...">.

Тег DD

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<DD> - + + + + + + *

Тег dd - элемент в конструкции тегов, формирующих список с описанием пунктов списка.


Конструкция начинается и заканчивается тегом <dl> (похож на <ul>), элемент списка задает тег <dt>
(как <li>), а тег <dd> дает описание пунктов списка.
Применение: см. тег <dl>.

Тег DEL

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<DEL> + + + + + + + *
cite N/A
+ + + + N/A

datetime N/A
+ + + + N/A

Тег del - выделяет текст перечеркиванием, удаленный при обновлении документа, что позволяет
отмечать проделанные изменения. Можно использовать с тегом <ins>, который выделяет
добавленный текст.
Атрибуты:
• cite - дает адрес документа, где указана причина изменений. Значения: URL.
• datetime - устанавливает дату и время изменений в формате ISO 8601, например: 2013-01-31 (ГГГГ-
ММ-ДД). Эти атрибуты доступны для сценариев и не видны для пользователей.

Тег DETAILS

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<DETAILS> + N/A
+ - - - + N/A

N/A N/A
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

open + - - -

Тег details - новый тег в HTML5, содержит информацию, которая может быть показана пользователю
по щелчку мыши. сама информация хранится в тегах <dt> и <dd>.
Атрибут: open - показывать содержимое тега. Значение: open.

Тег DFN

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<DFN> - строчный
+ + + + + + *

Тег dfn - применяется для выделения нового термина в тексте.

Тег DIV

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<DIV> + блочный
+ + + + + + *
align + + + + - **

Тег div - обозначает блок с содержимым, один из основных тегов для блочной верстки документов с
применением CSS.
Атрибут: align - выравнивание текста (в CSS - свойство text-align). Значения: left (по умолчан.),
center, right - выравнивают содержимое абзаца по левому краю, центру, правому краю, justify -
выравнивает по ширине, увеличивает количество пробелов.

Тег DL

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<DL> - блочный
+ + + + + + *

Тег dl - элемент в конструкции тегов, формирующих список с описанием пунктов списка.


Конструкция начинается и заканчивается тегом <dl> (похож на <ul>), элемент списка задает тег <dt>
(как <li>), а тег <dd> дает описание пунктов списка.
Применение:
<dl>
  <dt>Пункт 1</dt>
    <dd>Описание пункта 1</dd>
  <dt>Пункт 2</dt>
    <dd>Описание пункта 2</dd>
</dl>

Тег DT

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<DT> - + + + + + + *

Тег dt - элемент в конструкции тегов, формирующих список с описанием пунктов списка.


Конструкция начинается и заканчивается тегом <dl> (похож на <ul>), элемент списка задает тег <dt>

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

(как <li>), а тег <dd> дает описание пунктов списка.


Применение: см. тег <dl>.

Тег EM

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<EM> - строчный
+ + + + + + *

Тег em - выделение фрагмента текста курсивом (в CSS - свойство font-style).

Тег EMBED

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<EMBED> + + + - - - + *
height + + - - - **
src + + - - - **
type + + - - - **
width + + - - - **

Тег embed - новый тег в HTML5, встраивает результаты, выводимые из другого приложения, модуля,
в т.ч. аудио и видео. Целесообразно использовать внутри элемента <object>.
Атрибуты:
• height - высота объекта в px или %.
• src - URL загружаемого файла.
• type - MIME-тип для выводимых данных.
• width - ширина объекта в px или %.

Тег FIELDSET

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<FIELDSET> + блочный
+ + + + + + *
disabled N/A
+ - - - N/A

form N/A
+ - - - N/A

Тег fieldset - группирует элементы формы с большим количеством полей, к примеру, отдельный
блок с флажками, а другой с текстовыми полями.
Атрибуты:
• disabled - делает поля элементов формы не активными.
• form - связывает группу с формой. Значение: одинаковое со значением универсального атрибута
id тега <form>.

Тег FIGCAPTION

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<FIGCAPTION> - 9.0 и выше
+ - - - + *

Тег figcaption - новый тег HTML5, добавляет описание, надпись под рисунком, для элемента
<figure>. Располагается обязательно вначале тега <figure> или в конце.
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег FIGURE

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<FIGURE> - блочный 9.0 и выше
+ - - - + *

Тег figure - новый тег HTML5, связывает элемент, например, рисунок с описанием в теге
<figcaption>.

Тег FOOTER

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<FOOTER> - секции 9.0 и выше
+ - - - + *

Тег footer - новый тег HTML5, располагается в конце элемента <section>, схож с нижним
колонтитулом, либо служит, так называемым, подвалом всей веб-страницы.

Тег FORM

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<FORM> + блочный
+ + + + + + *
accept-charset N/A
+ + + + **
action + + + + + **
autocomplete 9.0 и выше
+ - - - **
enctype + + + + + **
method + + + + + **
name + + + + - **
novalidate N/A
+ - - - **
target + + + + - **

Тег form - применяется для создания форм. Формы осуществляют взаимодействие пользователя с
приложением, обрабатывающим запросы, которое находится на сервере.
Атрибуты:
• accept-charset - задает кодировку. Пример: <form action="URL" accept-charset="utf-8">...<form>.
• action - обязательный атрибут, указывает URL приложения-обработчика.
• autocomplete - автозаполнение полей форм. Значения: on - включено (по умолчан.), off -
отключено.
• enctype - задает способ кодирования отправляемых данных. Значения: application/x-www-form-
urlencoded - символы кодируются шестнадцатеричным кодом, пробелы заменяются на символ + (по
умолчан.), multipart/form-data - без кодирования, text/plain - символы не кодируются, пробелы
заменяются на символ +.
• method - определяет метод запроса. Значения: get - передача данных через адресную строку
браузера, не более 4 KB (по умолчан.), post - передача данных через запрос браузера.
• name - задает имя.
• novalidate - отмена автоматической проверки данных браузером.
• target - URL окна или фрейма, задать можно через атрибут name. Значения: _blank - загружает
страницу в новое окно, _self - текущее окно браузера (по умолчан.), _parent - ссылка откроется в
текущем фрейме с заменой его содержимого, _top - открывает документ в текущем окне браузера с
заменой всех фреймов.

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег FRAME

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<FRAME> + + - - + - + нет закрывающ. тега

frameborder + - - + - **
name + - - + - **
noresize + - - + - **
scrolling + - - + - **
src + - - + - **

Тег frame - находится в теге <frameset>, применяется для определения свойств фрейма -
отдельного окошка, куда загружается, по сути дела, отдельная веб-страница.
Атрибуты:
• frameborder - граница фрейма. Значения: 1 - отображает границу; 0 - скрывает.
• name - задает имя фрейма.
• noresize - запрет для пользователя на возможность изменения размера фрейма.
• scrolling - добавляет к фрейму полосы прокрутки. Значения: auto - отображение полос прокруток
по усмотрению браузера (по умолчан.), no - запрещает, yes - отображает полосы прокрутки,
независимо от размера фрейма.
• src - URL файла, загружаемого во фрейм.

Тег FRAMESET

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<FRAMESET> + + - - + - - *
cols + - - + - **
rows + - - + - **

Тег frameset - определяет структуру фреймов, а вложенные теги <frame>, задают свойства
фреймов.
Атрибуты:
• cols - задает ширину фреймов. Значения: в px, % или символ * - оставшаяся свободной ширина
страницы. Пример: <frameset cols="200px, 150px, *">...</frameset> - третья колонка на всю
оставшуюся ширину окна браузера.
• rows - высота фрейма, аналогично атрибуту cols. Чтобы добиться равномерных клеток, нужно
использовать оба атрибута, значение по умолчанию: 100% - для обоих атрибутов.

Теги H1 - H6

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<H1> - <H6> + блочный
+ + + + + + *
align + + + + - **

Теги h1 - h6 - задают заголовки разного уровня значения. Наиболее важный h1 (он должен быть один
на странице), далее: h2, h3 и т.д., это важные теги, в смысле, поисковой оптимизации сайта.
Атрибут: align - выравнивание текста (в CSS - свойство text-align). Значения: left (по умолчан.),
center, right - выравнивают содержимое абзаца по левому краю, центру, правому краю, justify -
выравнивает по ширине, увеличивает количество пробелов.

Тег HEAD

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание


события
<HEAD> - + + + + + - *

Тег head - заголовок html-документа, обязательный в версиях Strict. Он содержит служебные и


управляющие элементы: <base>, <link>, <meta>, <script>, <style> и <title>. Эти элементы не
отображаются, кроме тега <title> - это название веб-страницы, которое показывается в заголовке
окна, вкладки браузера.

Тег HEADER

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<HEADER> - секции 9.0 и выше
+ - - - + *

Тег header - новый тег HTML5, группирует элементы навигации, заголовок и вводную информацию,
по сути дела, это шапка веб-страницы.

Тег HGROUP

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<HGROUP> - блочный 9.0 и выше
+ - - - + *

Тег hgroup - новый тег HTML5, группирует многоуровневые заголовки: подзаголовки, альтернативные
заглавия и т.д., т.е. содержит теги <H1> - <H6>.

Тег HR

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<HR> + блочный
+ + + + + + *
align + + + + - **
color + + - - - **
hoshade + + + + - **
size + + + + - **
widht + + + + - **

Тег hr - создает горизонтальную линию. В XHTML: <hr />.


Атрибуты:
• align - выравнивание (в CSS - свойство text-align). Значения: left, center (по умолчан.), right -
выравнивают линию по левому краю, центру, правому краю.
• color - задает цвет (в CSS - свойство color).
• hoshade - отмена трехмерных эффектов, используемых браузером по умолчанию.
• size - толщина линии в px (в CSS - свойство height).
• widht - ширина в px и % (в CSS - свойство width).

Тег HTML

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

<HTML> + + + + + + + *
manifest N/A
+ - - - **
xmlns + - - - + **

Тег html - корневой элемент, который, собственно, содержит в себе весь html-документ. Он
располагается после тега <!DOCTYPE>, определяющего тип документа. С помощью универсального
атрибута lang обычно задают язык документа: <html lang="ru"> (HTML5).
Атрибуты:
• manifest - указывает путь к манифесту - файлу, содержащему указание для браузера о том, какие
файлы нужно сохранить в кэше. Позволяет использовать приложения в off-line режиме, без
соединения с интернетом.
• xmlns - объявляет пространства имен с указанием полного URL, обязательный атрибут для xhtml-
документов.

Тег I

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<I> - + + + + + + *

Тег i - установка курсивного шрифта (в CSS - свойство font-style).

Тег IFRAME

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<IFRAME> + + + + + - + *
align + + + + - **
frameborder + + + + - **
height + + + + - **
hspace + + + + - **
marginheight + + + + - **
marginwidth + + + + - **
name + + + + - **
sandbox N/A
+ - - - N/A

scrolling + + + + - **
seamless N/A
+ - - - N/A

src + + + + - **
srcdoc N/A
+ - - - N/A

vspace + + + + - **
width + + + + - **

Тег iframe - применяется для создания плавающего фрейма.


Атрибуты:
• align - выравнивание плавающего фрейма. Значения: absmiddle - середина фрейма посередине
строки, baseline - по базовой линии строки, bottom - нижняя граница фрейма по расположенному
вокруг тексту (по умолчан.), left - по левому краю, middle - середина фрейма по базовой линии
строки, right - по правому краю, texttop - верхняя граница фрейма по самому высокому текстовому
элементу строки, top - верхняя граница фрейма по самому высокому элементу строки.
• frameborder - отмена трехмерных эффектов, используемых браузером по умолчанию. Значения: 1
или yes - позволяет (по умолчан.), 0 или no - запрещает.
• height - задает высоту фрейма. Значения: в px или %, по умолчанию: width - 300 px, height - 150
px.
• hspace - отступы по горизонтали в px.
• marginheight - высота поля сверху и снизу в px (в CSS - свойство margin).
• marginwidth - ширина поля слева и справа в px (в CSS - свойство margin).
• name - задает имя.
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

• sandbox - вводит ограничения на загружаемое содержимое. Значения: allow-same-origin -


безопасное открытие, блокирует всплывающие окна, allow-top-navigation - позволяет открывать
ссылки, allow-forms - позволяет использовать формы, allow-scripts - позволяет выполнять скрипты,
но запрещает появление всплывающих окон.
• scrolling - добавляет к фрейму полосы прокрутки. Значения: auto - отображение полос прокруток
по усмотрению браузера (по умолчан.), no - запрещает, yes - отображает полосы прокрутки,
независимо от размера фрейма.
• seamless - отменяет атрибут sandbox, если у содержимого фрейма и родительского документа один
источник. Содержимое фрейма отображается как часть документа, наследуя его стили, а размеры
устанавливаются автоматически.
• src - URL документа или файла, загружаемого во фрейм.
• srcdoc - позволяет поместить html-код содержимого прямо в этом атрибуте, а атрибут src
отменяется.
• vspace - отступы по вертикали в px.
• width - задает ширину фрейма. Значения: в px или %, по умолчанию: width - 300 px, height - 150
px.

Тег IMG

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<IMG> + строчный
+ + + + + + нет закрывающ. тега

align + + + + - **
alt + + + + + **
border + + + + - **
height + + + + + **
hspace + + + + - **
ismap + + + + + **
longdesc N/A
+ + + + N/A

src + + + + + **
usemap + + + + + **
vspace + + + + - **
width + + + + + **

Тег img - помещает на веб-страницу изображения, используется обязательный атрибут src.


Изображения - это файлы в формате jpg, gif и png, последние два формата позволяют при
подготовке изображений для Web добавить черезстрочную загрузку, что существенно сокращает
время загрузки веб-страницы.
Кроме того, более новый формат png целесообразно использовать для крупных изображений, в
которых мало градиентных участков, но есть большие одноцветные участки - результат: получение
существенно меньших по «весу» файлов. Изображение может служить ссылкой, если элемент img
расположен в теге a. В XHTML: <img src="..." />.
Атрибуты:
• align - выравнивание изображения. Значения: bottom - нижняя граница изображения по базовой
линии строки (по умолчан.), left и right - выравнивают изображение по левому и правому краю
родительского элемента, middle - середина изображения по базовой линии строки, top - верхняя
граница изображения по самому высокому элементу строки (в CSS - свойство text-align).
• alt - задает альтернативный текст, в случае, если браузер не отображает изображение.
• border - устанавливает рамку (в CSS - свойство border).
• height - высота в px или % (в CSS - свойство height).
• hspace - отступы по горизонтали в px.
• ismap - указывает на карту-изображение: изображение с несколькими ссылками.
• longdesc - относительный или полный URL файла с описанием изображения, используется для
речевых браузеров.
• src - обязательный атрибут, указывает URL графического файла.
• usemap - устанавливает связь между отдельным изображением и картой-изображением через
значение, которое должно быть одинаково со значением атрибута name тега <map>, но начинаться с
символа #.
• vspace - отступы по вертикали в px.
• width - ширина в px или % (в CSS - свойство width).

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег INPUT

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<INPUT> + строчный
+ + + + + + нет закрывающ. тега

accept N/A
+ + + + N/A

align + + + + - **
alt + + + + + игнор. chrome, safari

autocomplete 9.0 и выше


+ - - - **
checked + + + + + **
disabled + + + + + **
form N/A
+ - - - **
formaction N/A
+ - - - **
formenctype N/A
+ - - - **
formmethod N/A
+ - - - **
formnovalidate N/A
+ - - - **
formtarget N/A
+ - - - **
list N/A
+ - - - игнор. chrome, safari

max N/A
+ - - - игнор. firefox

maxlength + + + + + **
min N/A
+ - - - игнор. firefox

multiple N/A
+ - - - **
name + + + + + **
placeholder N/A
+ - - - **
readonly + + + + + **
required N/A
+ - - - игнор. safari

size + + + + + **
src + + + + + **
step N/A
+ - - - игнор. firefox

type + + + + + **
value + + + + + **

Тег input - создает элементы форм, в случае необходимости обработки приложениями введенных
пользователем данных - размещается в теге <form>. В XHTML: <input type="..." />.
Атрибуты:
• accept - выбор фильтров по типам файлов для поля загрузки файлов. Значения: MIME-типы, а для
HTML5 достаточно указать для любых видео, аудио и графических фалов - video/*, audio/* или
image/*.
• align - выравнивание поле с изображением. Значения: bottom - нижняя граница изображения по
базовой линии строки (по умолчан.), left и right - выравнивают изображение по левому и правому
краю родительского элемента, middle - середина изображения по базовой линии строки, top -
верхняя граница изображения по самому высокому элементу строки (в CSS - свойство text-align).
• alt - задает альтернативный текст для поля с изображением, в случае, если браузер не отображает
изображение.
• autocomplete - автозаполнение полей форм. Значения: on - включено (по умолчан.), off -
оключено.
• checked - задает для флажков любое количество заранее отмеченных элементов: <input
type="checkbox" checked>, для кнопок-переключателей - один элемент.
• disabled - делает поле не активным, оно отображается серым.
• form - связывает поле с формой. Значения: одинаково с универсальным атрибутом id тега <form>.
• formaction - задает URL приложения-обработчика.
• formenctype - задает способ кодирования отправляемых данных, отменяет действие атрибута
enctype тега <form>. Значения: application/x-www-form-urlencoded - символы кодируются
шестнадцатеричным кодом, пробелы заменяются на символ + (по умолчан.), multipart/form-data -
без кодирования, text/plain - символы не кодируются, пробелы заменяются на символ +.
• formmethod - задает метод передачи данных. Значения: get - передача данных через адресную
строку браузера, не более 4 KB (по умолчан.), post - передача данных через запрос браузера.
• formnovalidate - отмена автоматической проверки данных браузером.
• formtarget - URL окна или фрейма, задать можно через атрибут name. Значения: _blank -
загружает страницу в новое окно, _self - текущее окно браузера (по умолчан.), _parent - ссылка
откроется в текущем фрейме с заменой его содержимого, _top - открывает документ в текущем окне
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

браузера с заменой всех фреймов.


• list - показывает список вариантов на выбор, используется для заполнения текстового поля формы.
Значение: должно быть идентично со значением универсального атрибута id тега datalist: <datalist
id="...">.
• max - устанавливает верхний предел для значений числа, даты. Значения: любое целое число для
значений number (ввод числа) и range (ползунок) атрибута type, а для значения date дата в формате
ISO 8601, например: 2013-01-31 (ГГГГ-ММ-ДД). Пример: <input type="number" min="2013"
max="2023">.
• maxlength - ограничивает максимальное количество символов для текстового поля. Значения:
целое положительное число.
• min - устанавливает нижний предел для значений числа, даты. Значения: любое целое число для
значений number (ввод числа) и range (ползунок) атрибута type, а для значения date дата в формате
ISO 8601, например: 2013-01-31 (ГГГГ-ММ-ДД). Пример: <input type="number" min="2013"
max="2023">.
• multiple - возможность указать в поле для загрузки файлов - несколько файлов.
• name - задает имена для элементов формы.
• placeholder - видимый текст в поле формы, при наведении фокуса - исчезает. Значения: текст,
пробелы необходимо заключить в кавычки.
• readonly - запрет изменения текстового поля для пользователей и возможность изменений при
помощи сценариев.
• required - делает поле формы обязательным для заполнения. В случае его не заполнения, браузер
выводит всплывающую подсказку с предложением - заполнить.
• size - задает ширину текстового поля. Значения: целое положительное число (количество
символов), по умолчанию - 20.
• src - URL графического файла для поля с изображением.
• step - вводит шаг для изменения числа у ползунков (значение range атрибута type) и полей для
ввода чисел (значение number атрибута type).
• type - обязательный атрибут для определения типа элементов формы. Значения: button - кнопка,
checkbox - флажки, color - шкала для выбора цвета, date - выбор даты из календаря, datetime -
выбор даты и времени, datetime-local - выбор даты и местного времени, email - текстовое поле для
e-mail, file - ввод или выбор имени файла, hidden - скрытое поле, image - поле с изображением,
month - выбор месяца, number - текстовой ввод чисел или счетчик, password - текстовое поле для
ввода пароля, отображает звездочки, radio - кнопки-переключатели, range - ползунок, reset - кнопка
сброса, search - поле поиска, submit - кнопка отправки введенных данных, tel - текстовое поле для
номера телефона, text - текстовое поле (по умолчан.), time - выбор времени, url - текстовое поле
для URL, week - выбор недели.
• value - определяется значение для элементов формы при взаимодействии с серверными или
клиентскими приложениями: на кнопках добавляется текстовая надпись; в текстовых полях, при
сбросе пользователем введенных данных, первоначальная текстовая надпись восстанавливается; для
флажков и кнопок-переключателей (значения checkbox, radio атрибута type) - определяется
конкретный элемент.

Тег INS

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<INS> + + + + + + + *
cite N/A
+ + + + N/A

datetime N/A
+ + + + N/A

Тег ins - выделяет текст подчеркиванием, добавленный при обновлении документа, что позволяет
отмечать проделанные изменения. Можно использовать с тегом <del>, который выделяет удаленный
фрагмент.
Атрибуты:
• cite - дает адрес документа, где указана причина изменений. Значения: URL.
• datetime - устанавливает дату и время изменений в формате ISO 8601, например: 2013-01-31 (ГГГГ-
ММ-ДД). Эти атрибуты доступны для сценариев и не видны для пользователей.

Тег KBD

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

<KBD> - строчный
+ + + + + + *

Тег kbd - выделяет текст, в котором есть наименования клавиш клавиатуры. Пример:
<kbd><Shift>+<Enter></kbd>.

Тег KEYGEN

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<KEYGEN> + N/A
+ - - - + *
autofocus N/A
+ - - - - **
challenge N/A
+ - - - - **
disabled N/A
+ - - - - **
form N/A
+ - - - - **
keytype N/A
+ - - - - **
name N/A
+ - - - - **

Тег keygen - новый тег HTML5, элемент управления для генерации пары «ключ-значение» открытых и
секретных ключей шифрования. При отправке данных формы, содержащей этот элемент управления,
секретный ключ сохраняется, а открытый передается на сервер.
Атрибуты:
• autofocus - позволяет активировать кнопку сразу (с клавиатуры), без помещения на кнопку фокуса.
• challenge - изменяет значение при отправке данных формы.
• disabled - блокирует кнопку, не позволяет навести на нее фокус.
• form - устанавливает связь с формой. Значения: одинаковое со значением атрибута id для тега
<form>.
• keytype - указывает тип шифрования ключа.
• name - задает уникальное имя.

Тег LABEL

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<LABEL> + строчный
+ + + + + + *
for + + + + + **

Тег label - создает связь между помеченным текстом и элементами формы: <select>, <textaria>,
<input> для того, чтобы менять значение элемента формы, если пользователь щелкнул мышью по
этой метке.
Атрибут: for - связывает текст с меткой и элементом формы, если они находятся не вместе: тег
<input> размещен вне элемента <label>. Значение: одинаково с универсальным атрибутом id тега
<input>.

Тег LEGEND

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<LEGEND> + блочный
+ + + + + + *
align + + + + - **

Тег legend - задает заголовок в элементе <fieldset>, который группирует элементы формы, как
правило, однотипные.
Атрибут: align - выравнивание текста (в CSS - свойство text-align). Значения: left (по умолчан.),
center, right - выравнивает заголовок по левому краю, центру, правому краю.

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег LI

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<LI> + блочный
+ + + + + + *
type + + + + - **
value + + + + - **

Тег li - задает элементы списка. Применение: см. теги <ul>, <ol> и <menu>.
Атрибуты:
• type - определяет тип маркера в элементе <ul> со значениями: disk - круглый (по умолчан.), circle
- окружность, square - квадратный. А для нумерованного списка <ol> значения: арабские и римские
цифры, латинские буквы, по умолчанию - 1 (в CSS - свойство list-style-type).
• value - атрибут задает число, с которого начинается нумерованный список, применим только, когда
тег расположен в элементе <ol>. Значения: целое положительное число, по умолчанию - 1.

Тег LINK

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<LINK> + + + + + + + нет закрывающ. тега

href + + + + + **
media + + + + + **
rel + + + + + **
sizes N/A
+ - - - N/A

type + + + + + **

Тег link - указывает на связь html-документа с внешним файлом. В XHTML: <link href="style.css"
rel="stylesheet" type="text/css" /> - в примере указание на внешний файл: style.css.
Атрибуты:
• href - URL внешнего файла.
• media - показывает тип носителя документа. Значения: all - любой тип (по умолчан.), braille и
embossed - устройства и принтеры с системой Брайля, handheld - смартфоны, print - принтеры,
projection - проекторы, screen - монитор, speech - речевые синтезаторы, tty - устройства с
фиксированным размером символов, tv - телевизоры или медиа запросы.
• rel - указывает браузеру тип внешнего файла. Значения: alternate - альтернативный, icon - иконка
сайта, используется браузерами и показывается в поисковой выдаче, например Яндекса (обычно
16x16 px, в формате .ico), stylesheet - css-файл.
• sizes - задает размер иконок в px. Значения: ширина и высота, через латинскую букву x и без px,
или any - масштабирование иконки в любой размер. Пример: <link rel="icon" sizes="16x16" />.
• type - указывает MIME-тип документа. Пример: <link type="text/css">.

Тег MAP

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<MAP> + блочный
+ + + + + + *
name + + + + - **

Тег map - карта-изображений, родительский элемент для тегов <area>, разбивающих карту-
изображений на активные области.
Атрибут: name - обязательный атрибут, связывает изображение и карту-изображений через имя,
которое должно быть одинаково со значением атрибута usename тега <img>, но быть без символа #.

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег MARK

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<MARK> - 9.0 и выше
+ - - - + *

Тег mark - помечает фрагмент текста, на который можно сослаться, поскольку он более уместен в
другом контексте. Некоторые браузеры выделяют содержимое тега другим цветом.

Тег MENU

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<MENU> + блочный
+ + + + - + *
label N/A
+ - - - N/A

type N/A
+ - - - N/A

Тег menu - служит родительским элементом для тега <command> и создает список меню сайта.
Применение:
<menu>
    <li>Пункт 1</li>
    <li>Пункт 2</li>
</menu>
Атрибуты:
• label - видимая метка, отображается как название, если применяются вложенные списки.
• type - указывает тип меню. Значения: context - контекстное меню, list - меню, как список (по
умолчан.), toolbar - меню, как панель инструментов.

Тег META

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<META> + блочный
+ + + + + + нет закрывающ. тега

charset + + - - - **
content + + + + + **
http-equiv + + + + + **
name + + + + + **

Тег meta - указывает дополнительную и служебную информацию. В XHTML: <meta name="Keywords"


content="..." /> - мета-тег для указания ключевых слов веб-страницы.
Атрибуты:
• charset - новый атрибут, показывает кодировку документа в HTML5. Пример: <meta charset="utf-
8">.
• content - обязательный атрибут, указывает значение для атрибутов http-equiv или name.
• http-equiv - тип документа и другая служебная информация. Значения: charset - кодировка в
документах версий, предшествующих HTML5, Content-Type - тип документа, expires - указание даты
и времени, когда информация в документе станет устаревшей, pragma - задает способ кэширования.
Пример для версий HTML, предшествующих HTML5: <meta http-equiv="Content-Type"
content="text/html; charset=utf-8">.
• name - указывает информацию о документе. Значения: author - авторство, description - краткое
описание документа. В некоторых случаях, на основе содержания мета-тега Description, поисковые
системы формируют сниппет, который виден пользователям в результатах поисковой выдачи;
keywords - ключевые слова и ключевые фразы для данной веб-страницы.

Тег METER
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<METER> + N/A
+ - - - + N/A

high N/A
+ - - - N/A

low N/A
+ - - - N/A

max N/A
+ - - - N/A

min N/A
+ - - - N/A

optimum N/A
+ - - - N/A

value N/A
+ - - - N/A

Тег meter - новый тег HTML5, показывает шкалу, демонстрирующую ход выполнения процесса и
измеряемые величины. Пример: <meter min=0 max=60 value=30 title="минуты">...</meter>.
Атрибуты:
• high - предельное значение, после чего оно считается высоким.
• low - предельное значение, после чего оно считается низким.
• max - максимальное значение, по умолчанию - 1.
• min - минимальное значение, по умолчанию - 0.
• optimum - оптимальное значение.
• value - обязательный атрибут, измеряемая величина. Значения: любое целое число, числа с
дробями.

Тег NAV

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<NAV> - секции 9.0 и выше
+ - - - + *

Тег nav - новый тег HTML5, содержит ссылки навигации сайта.

Тег NOFRAMES

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<NOFRAMES> - 9.0 и выше
- + + - - *

Тег noframes - содержимое игнорируется браузерами, распознающими фреймы.

Тег NOSCRIPT

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<NOSCRIPT> - + + + + + - *

Тег noscript - содержимое игнорируется браузерами, распознающими скрипты.

Тег OBJECT

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

<OBJECT> + + + + + + + *
align + + + + - **
archive + + + + + **
classid + + + + + **
codebase + + + + + **
codetype + + + + + **
data + + + + + **
height + + + + + **
hspace + + + + - **
type + + + + + **
vspace + + + + - **
width + + + + + **

Тег object - инструктирует браузер, как надо обрабатывать объекты, для функционирования которых
требуются дополнительные плагины или внешние приложения. В некоторых случаях с элементом
<object> целесообразно использовать тег <param>.
Атрибуты:
• align - выравнивание объекта. Значения: absmiddle - середина объекта по середине строки,
baseline - по базовой линии строки, bottom - нижняя граница объекта по расположенному вокруг
тексту (по умолчан.), left - по левому краю, middle - середина объекта по базовой линии строки,
right - по правому краю, texttop - верхняя граница объекта по самому высокому текстовому элементу
строки, top - верхняя граница объекта по самому высокому элементу строки.
• archive - URL файла, необходимого для функционирования объекта, допустимо указывать
несколько файлов.
• classid - URL приложения, необходимого для функционирования объекта, требуется для
«редкоземельных» малораспространенных форматов.
• codebase - URL папки с приложением, заданным атрибутом classid.
• codetype - MIME-тип приложения, заданного атрибутом classid.
• data - URL файла, необходимого для функционирования объекта, если он относится к
распространенному формату.
• height - обязательный атрибут, указывает высоту объекта в px или %.
• hspace - отступы по горизонтали в px, по умолчанию -0.
• type - MIME-тип файла, заданного в атрибуте data.
• vspace - отступы по вертикали в px, по умолчанию -0.
• width - обязательный атрибут, ширина объекта в px или %.

Тег OL

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<OL> + блочный
+ + + + + + *
reversed N/A
+ - - - N/A

start + + + + - **
type + - + + - **

Тег ol - применяется для создания нумерованного списка.


Применение:
<ol>
    <li>Пункт 1</li>
    <li>Пункт 2</li>
</ol>
Атрибуты:
• reversed - нумерация по убыванию.
• start - атрибут задает число с которого начинается нумерованный список. Значения: целое
положительное число.
• type - указывает тип нумерации. Значения: арабские и римские цифры, латинские буквы, по
умолчанию - 1 (в CSS - свойство list-style-type).

Тег OPTGROUP
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<OPTGROUP> + + + + + + + *
disabled + + + + + **
label + + + + + **

Тег optgroup - группирует теги <option>, которые отображаются со смещением вправо.


Атрибуты:
• disabled - делает группу не активной.
• label - формирует текстовой заголовок группы.

Тег OPTION

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<OPTION> + + + + + + + *
disabled 7.0 и выше
+ + + + **
label 7.0 и выше
+ + + + **

Тег option - задает отдельные пункты списка в элементе <select>, применяемого для создания
полей формы в виде раскрывающегося списка или списка со множеством вариантов выбора и
механизмом прокрутки.
Атрибуты:
• disabled - делает элемент не активным.
• label - задает сокращенный текст, который отображается вместо содержимого самого тега.
• selected - выдел.
• value - задает значение для пункта в паре Имя=Значение отправляемого на сервер, где имя - это
значение атрибута name тега <select>.

Тег OUTPUT

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<OUTPUT> + N/A
+ - - - + N/A

for N/A
+ - - - N/A

form N/A
+ - - - N/A

name N/A
+ - - - N/A

Тег output - новый тег HTML5, управляет выводом результатов расчетов.


Атрибуты:
• for - связывает текст с меткой и элементом формы, если они находятся не вместе: тег <input>
размещен вне элемента <label>. Значение: одинаково с универсальным атрибутом id тега <input>.
• form - связывает поле с формой. Значения: одинаково с универсальным атрибутом id тега <form>.
• name - задает имя.

Тег P

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<P> + блочный
+ + + + + + *
align + + + + - **

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег p - задает абзац, а его содержимое начинается с новой строки.


Атрибут: align - выравнивание текста (в CSS - свойство text-align). Значения: left (по умолчан.),
center, right - выравнивают содержимое абзаца по левому краю, центру, правому краю, justify -
выравнивает по ширине, увеличивает количество пробелов.

Тег PARAM

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<PARAM> + + + + + + - нет закрывающ. тега

name + + + + + **
type + + + + + **
value + + + + + **
valuetype + + + + + **

Тег param - передает значения параметров объектам - тег <object>. В XHTML: <param name="..."
value="..." />.
Атрибуты:
• name - обязательный атрибут, задает имя параметра.
• type - MIME-тип объекта.
• value - задает значение параметра.
• valuetype - указывает тип данных, заданных атрибутом value. Значения: data - значение атрибута:
строка (по умолчан.), object - одинаковое с универсальным атрибутом id тега <object>, ref -
значение атрибута: URL.

Тег PRE

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<PRE> - блочный
+ + + + + + *

Тег pre - служит для отображения программного кода, как есть, в котором учитываются пробелы,
соответственно, и переносы строк. Аналог тега <code>, где применяются перенос строки <br> и
неразрывные пробелы. Код HTML отображается некорректно, используйте маленькую хитрость:
вместо первой скобки открывающего и закрывающего тега <pre> вставьте символ &..lt; без
двоеточия.

Тег PROGRESS

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<PROGRESS> + N/A
+ - - - + N/A

form N/A
+ - - - N/A

max N/A
+ - - - N/A

value N/A
+ - - - N/A

Тег progress - новый тег HTML5, применяется для отображения полосы, показывающей ход
выполнения процесса, используются сценарии.
Атрибуты:
• form - связывает поле с формой. Значения: одинаково с универсальным атрибутом id тега <form>.
• max - максимальное значение процесса.
• value - текущее значение процесса.

Тег Q
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<Q> - строчный 8.0 и выше
+ + + + + **

Тег q - выделяет цитаты в тексте.

Тег RP

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<RP> - + + - - - + игнор. opera, firefox

Тег rp - новый тег HTML5, содержимое заключается в круглые скобки в тексте аннотации, которую
размечает тег <ruby>.

Тег RT

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<RT> - + + - - - + игнор. opera, firefox

Тег rt - новый тег HTML5, размечает текстовую составляющую аннотации в теге <ruby>, которая
отображается более мелким шрифтом.

Тег RUBY

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<RUBY> - + + - - - + игнор. opera, firefox

Тег ruby - новый тег HTML5, размечает текст аннотации, обозначения правильного произношения и
др. вспомогательные средства, которые требуется указать рядом с аннотацией.

Тег S

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<S> - строчный
+ - + + - + *

Тег s - выделяет текст перечеркиванием (в CSS - свойство text-decoration).

Тег SAMP

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<SAMP> - строчный
+ + + + + + *

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег samp - выделяет текст: результат выводимый сценарием или приложением.

Тег SCRIPT

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<SCRIPT> + строчный
+ + + + + - *
defer + + + + + N/A

src + + + + + **
type + + + + + **

Тег script - указывает на сценарий.


Атрибуты:
• defer - не позволяет выполнение сценария до полной загрузки веб-страницы.
• src - URL внешнего файла сценария.
• type - обязательный атрибут для версий, предшествующих HTML5, показывающий MIME-тип файла
сценария. Значения: text/javascript - JavaScript (по умолчан.), text/vbscript - VBScript.

Тег SECTION

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<SECTION> - секции 9.0 и выше
+ - - - + *

Тег section - новый тег HTML5, секция страницы, как отдельная глава большого документа.
Используется для деления тега <article> на составные части.

Тег SELECT

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<SELECT> + строчный
+ + + + + + *
autofocus - + - - - **
disabled + + + + + **
form - + - - - **
multiple + + + + + **
name + + + + + **
required - + - - - **
size + + + + + **

Тег select - применяется для создания полей формы в виде раскрывающегося списка или списка со
множеством вариантов выбора и механизмом прокрутки. Пункты списка задает тег <option>.
Атрибуты:
• autofocus - позволяет активировать выбор пунктов сразу (с клавиатуры), без помещения на список
фокуса.
• disabled - блокирует пункты списка, не позволяет навести на них фокус.
• form - устанавливает связь с формой. Значения: одинаковое со значением атрибута id для тега
<form>.
• multiple - отображение как списка со множеством вариантов выбора.
• name - задает имя элемента.
• required - устанавливает, что выбор одного из пунктов списка для пользователя: обязательный.
• size - задает высоту списка. Если не выбран атрибут multiple, то значение по умолчанию - 1, а
список будет раскрывающимся. Если атрибут multiple выбран, а значение равно 1, то получаем
список с механизмом прокрутки. При других значениях - список со множеством вариантов выбора.
Значения: целое положительное число.
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег SMALL

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<SMALL> - строчный
+ + + + + + *

Тег small - применяется для уменьшения размера шрифта фрагмента текста (в CSS - свойство font-
size).

Тег SOURCE

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<SOURCE> + 9.0 и выше
+ - - - + нет закрывающ. тега

media 9.0 и выше


+ - - - **
src 9.0 и выше
+ - - - **
type 9.0 и выше
+ - - - **

Тег source - новый тег HTML5, применяется для указания нескольких ресурсов для элементов
мультимедиа, если ресурс не найдет, то будет продолжен поиск следующего.
Атрибуты:
• media - показывает тип устройства. Значения: all - любой тип (по умолчан.), braille и embossed -
устройства и принтеры с системой Брайля, handheld - смартфоны, print - принтеры, projection -
проекторы, screen - монитор, speech - речевые синтезаторы, tty - устройства с фиксированным
размером символов, tv - телевизоры или медиа запросы.
• src - обязательный атрибут, указывает URL файла мультимедиа.
• type - MIME-тип, после точки с запятой, пара codecs=значение, где значение это, через запятую,
видеокодеки и (или) аудиокодеки. Пример: <source src="..." type='video/mp4;
codecs="mp4v.20.240, mp4a.40.2"'>.

Тег SPAN

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<SPAN> - строчный
+ + + + + + *

Тег span - строчный элемент, применяется для задания стиля фрагменту текста.

Тег STRONG

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<STRONG> - строчный
+ + + + + + *

Тег strong - применяется для придания фрагменту текста большей значимости, выделяется жирным
шрифтом.

Тег STYLE

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<STYLE> + + + + + + - *
media + + + + + **
type + + + + + **

Тег style - располагается в теге <head>, применяется для задания стилей документу.
Атрибуты:
• media - показывает тип устройства. Значения: all - любой тип (по умолчан.), braille и embossed -
устройства и принтеры с системой Брайля, handheld - смартфоны, print - принтеры, projection -
проекторы, screen - монитор, speech - речевые синтезаторы, tty - устройства с фиксированным
размером символов, tv - телевизоры или медиа запросы.
• type - MIME-тип. Значение: text/css.

Тег SUB

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<SUB> - строчный
+ + + + + + *

Тег sub - нижний индекс для фрагмента текста: шрифт уменьшенный, расположение ниже базовой
линии строки (в CSS - свойство vertical-align).

Тег SUMMARY

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<SUMMARY> - - + - - - + N/A

Тег summary - новый тег HTML5, располагается внутри тега <details> и представляет сводку
содержимого этого элемента.

Тег SUP

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<SUP> - строчный
+ + + + + + *

Тег sup - верхний индекс для фрагмента текста: шрифт уменьшенный, расположение выше базовой
линии строки (в CSS - свойство vertical-align).

Тег TABLE

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<TABLE> + блочный
+ + + + + + *
align + + + + - **
bgcolor + + + + + **
border + + + + + **
cellpadding + + + + + **

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

cellspacing + + + + + **
frame + + + + + **
rules + + + + + **
summary + + + + + **
width + + + + + **

Тег table - применяется для создания таблиц.


Атрибуты:
• align - выравнивание (в CSS - свойство text-align). Значения: left (по умолчан.), center, right -
выравнивают таблицу по левому краю, центру, правому краю.
• bgcolor - задает фон (в CSS - свойство background-color).
• border - рамка в px (в CSS - свойство border).
• cellpadding - добавляет отступы к содержимому ячейки в px или % (в CSS - свойство padding).
• cellspacing - добавляет внешние поля к границам ячеек (в CSS - свойство margin).
• frame - задает положение рамок для таблицы (в CSS - свойство border). Значения: void - не
отображать, border - вокруг таблицы (по умолчан.), above - по верхнему краю, below - по нижнему
краю, hsides - по верхнему и нижнему краю, vsides - боковые рамки слева и справа, rhs - справа, lhs -
слева.
• rules - задает положение рамок для ячеек (в CSS - свойство border). Значения: all - вокруг каждой
ячейки, groups - между сгруппированных ячеек (теги colgroup, thead и т.д.), cols - между колонок,
none - не отображаются (по умолчан., если не задан атрибут border), rows - между строками.
• summary - краткое описание таблицы, ориентированно для речевых браузеров.
• width - ширина таблицы в px или % (в CSS - свойство width).

Тег TBODY

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<TBODY> + + + + + + + *
align + + + + + **
valign + + + + + **

Тег tbody - располагается в теге <table>, группирует строки таблицы, допустима одна и более
строка.
Атрибуты:
• align - выравнивание содержимого ячеек по горизонтали (в CSS - свойство text-align). Значения:
left (по умолчан.), center, right - выравнивают содержимое ячеек по левому краю, центру, правому
краю;
justify - выравнивает по ширине.
• valign - выравнивание содержимого ячеек по вертикали (в CSS - свойство vertical-align). Значения:
baseline - выравнивает содержимое по базовой линии; bottom, middle (по умолчан.), top -
выравнивание содержимого по нижнему краю, середине, верхнему краю.

Тег TD

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<TD> + + + + + + + *
abbr + + + + + **
align + + + + + **
bgcolor + + + + - **
colspan + + + + + **
headers + + + + + **
height + + + + - **
nowrap + + + + - **
rowspan + + + + + **
valign + + + + + **
width **
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

+ + + + -

Тег td - размечает одну ячейку таблицы, располагается в теге <tr>, определяющим строку в
<table>: корневом элементе таблицы.
Атрибуты:
• abbr - краткое описание содержимого ячейки, ориентированно на речевые браузеры.
• align - выравнивание содержимого ячеек по горизонтали (в CSS - свойство text-align). Значения:
left (по умолчан.), center, right - выравнивают содержимое ячеек по левому краю, центру, правому
краю;
justify - выравнивает по ширине.
• bgcolor - задает фон ячейки (в CSS - свойство background-color).
• colspan - объединяет ячейки по горизонтали. Значения: положительное целое число, по
умолчанию - 1.
• headers - позволяет связать ячейку с заголовочной ячейкой <th> через одинаковый идентификатор
id, ориентированно для речевых браузеров.
• height - высота ячеек в px или % (в CSS - свойство height).
• nowrap - запрещает перенос текста в ячейке (в CSS - свойство white-space).
• rowspan - объединяет ячейки по вертикали. Значения: положительное целое число, по умолчанию
- 1.
• valign - выравнивание содержимого ячеек по вертикали (в CSS - свойство vertical-align). Значения:
baseline - выравнивает содержимое по базовой линии; bottom, middle (по умолчан.), top -
выравнивание содержимого по нижнему краю, середине, верхнему краю.
• width - ширина ячейки в px или % (в CSS - свойство width).

Тег TEXTAREA

HTML 4.01 | XHTML XHTML Универ.


Тег Атрибуты Тип IE HTML5 1.0 1.1 атрибуты, Примечание
Transitional Frameset Strict*** события
<TEXTAREA> + строчный
+ + + + + + *
autofocus - + - - - **
cols + + + + + **
disabled + + + + + **
form - + - - - **
maxlength - + - - - **
name + + + + + **
placeholder - + - - - **
readonly + + + + + **
required - + - - - **
rows + + + + + **
wrap + + - - - **

Тег textarea - применяется для создания поля формы, куда допустимо ввести текст из нескольких
строк с сохранением переносов.
Атрибуты:
• autofocus - позволяет активировать поле сразу (с клавиатуры), без помещения на него фокуса.
• cols - обязательный атрибут для версий, предшествующих HTML5, определяет ширину поля
количеством символов, используемого шрифта. Значения: положительное целое число.
• disabled - делает поле не активным, оно отображается серым.
• form - связывает поле с формой. Значения: одинаково с универсальным атрибутом id тега <form>.
• maxlength - ограничивает максимальное количество символов для ввода в поле. Значения:
положительное целое число.
• name - задает имена для элементов формы.
• placeholder - задает текст в поле, который отображается до наведения на него фокуса. Значения:
текст, пробелы нужно заключать в кавычки.
• readonly - запрет изменения текстового поля для пользователей и возможность изменений при
помощи сценариев.
• required - делает поле формы обязательным для заполнения. В случае его не заполнения, браузер
выводит всплывающую подсказку с предложением - заполнить.
• rows - обязательный атрибут для версий, предшествующих HTML5, определяет высоту текстового
поля количеством строк без прокрутки. Значения: положительное целое число.
• wrap - инструкция браузеру о механизме переноса строк и отправке данных на сервер. Значения:
soft - текст переносится на новые строки, но данные передаются как одна строка, hard - текст
переносится на новые строки, а данные передаются с учетом этих переносов, off - переносы не
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

доступны, выводится полоса прокрутки.

Тег TFOOT

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<TFOOT> + + + + + + + *
align + + + + + **
valign + + + + + **

Тег tfoot - располагается в теге <table>, группирует строки, расположенные внизу таблицы,
допустима одна и более строка.
Атрибуты:
• align - выравнивание содержимого ячеек по горизонтали (в CSS - свойство text-align). Значения:
left (по умолчан.), center, right - выравнивают содержимое ячеек по левому краю, центру, правому
краю;
justify - выравнивает по ширине.
• valign - выравнивание содержимого ячеек по вертикали (в CSS - свойство vertical-align). Значения:
baseline - выравнивает содержимое по базовой линии; bottom, middle (по умолчан.), top -
выравнивание содержимого по нижнему краю, середине, верхнему краю.

Тег TH

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<TH> + + + + + + + *
abbr + + + + + **
align + + + + + **
bgcolor + + + + - **
colspan + + + + + **
headers + - + + + **
height + + + + - **
nowrap + + + + - **
rowspan + + + + + **
valign + + + + + **
width + + + + - **

Тег th - размечает одну ячейку таблицы как заголовочную, располагается в теге <tr>,
определяющим строку в <table>: корневом элементе таблицы. Содержимое заголовочных ячеек
отображается жирным шрифтом, как в данном справочнике.
Атрибуты:
• abbr - краткое описание содержимого ячейки, ориентированно на речевые браузеры.
• align - выравнивание содержимого ячеек по горизонтали (в CSS - свойство text-align). Значения:
left (по умолчан.), center, right - выравнивают содержимое ячеек по левому краю, центру, правому
краю;
justify - выравнивает по ширине.
• bgcolor - задает фон ячейки (в CSS - свойство background-color).
• colspan - объединяет ячейки по горизонтали. Значения: положительное целое число, по
умолчанию - 1.
• headers - позволяет связать ячейку с заголовочной ячейкой <th> через одинаковый идентификатор
id, ориентированно для речевых браузеров.
• height - высота ячеек в px или % (в CSS - свойство height).
• nowrap - запрещает перенос текста в ячейке (в CSS - свойство white-space).
• rowspan - объединяет ячейки по вертикали. Значения: положительное целое число, по умолчанию
- 1.
• valign - выравнивание содержимого ячеек по вертикали (в CSS - свойство vertical-align). Значения:
baseline - выравнивает содержимое по базовой линии; bottom, middle (по умолчан.), top -
выравнивание содержимого по нижнему краю, середине, верхнему краю.
• width - ширина ячейки в px или % (в CSS - свойство width).
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег THEAD

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<THEAD> + + + + + + + *
align + + + + + **
valign + + + + + **

Тег thead - располагается в теге <table>, группирует строки, расположенные вверху таблицы,
допустима одна и более строка.
Атрибуты:
• align - выравнивание содержимого ячеек по горизонтали (в CSS - свойство text-align). Значения:
left (по умолчан.), center, right - выравнивают содержимое ячеек по левому краю, центру, правому
краю;
justify - выравнивает по ширине.
• valign - выравнивание содержимого ячеек по вертикали (в CSS - свойство vertical-align). Значения:
baseline - выравнивает содержимое по базовой линии; bottom, middle (по умолчан.), top -
выравнивание содержимого по нижнему краю, середине, верхнему краю.

Тег TIME

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<TIME> + 9.0 и выше
+ - - - + *
datetime 9.0 и выше
+ - - - **

Тег time - новый тег HTML5, содержит метку даты.


Атрибут: datetime - задает дату и время. Пример: <time datetime="2013-31-01T15:00-
09:00">...</time>.

Тег TITLE

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<TITLE> - + + + + + - *

Тег title - задает название веб-страницы и располагается в теге <head>. Его содержимое
показывается в заголовке окна или вкладке браузера. Поисковые системы придают большой вес
содержимому тега <title>, поэтому в нем должны обязательно присутствовать ключевые фразы.
Пользователи видят содержание тега <title> в результатах поиска. Соответственно, содержание тега
должно быть привлекательно - это визитная карточка веб-страницы.

Тег TR

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<TR> + + + + + + + *
align + + + + + **
bgcolor + + + + - **
valign + + + + + **

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег tr - применяется для создания строки таблицы, располагается в теге <table>.


Атрибуты:
• align - выравнивание содержимого ячеек строки по горизонтали (в CSS - свойство text-align).
Значения: left (по умолчан.), center, right - выравнивают содержимое ячеек по левому краю,
центру, правому краю;
justify - выравнивает по ширине.
• bgcolor - задает фон строки (в CSS - свойство background-color).
• valign - выравнивание содержимого ячеек строки по вертикали (в CSS - свойство vertical-align).
Значения: baseline - выравнивает содержимое по базовой линии; bottom, middle (по умолчан.), top -
выравнивание содержимого по нижнему краю, середине, верхнему краю.

Тег TT

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<TT> - строчный
+ - + + + + *

Тег tt - применяется для отображения фрагмента текста моноширинным шрифтом.

Тег UL

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<UL> + блочный
+ + + + + + *
type + - + + - **

Тег ul - применяется для создания маркированного списка.


Применение:
<ul>
    <li>Пункт 1</li>
    <li>Пункт 2</li>
</ul>
Атрибут: type - указывает тип маркеров. Значения: disk - круглый (по умолчан.), circle - окружность,
square - квадратный (в CSS - свойство list-style-type).

Тег VAR

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<VAR> - строчный
+ + + + + + *

Тег var - применяется для выделения переменных компьютерных приложений, отображается


курсивом.

Тег VIDEO

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<VIDEO> + 9.0 и выше
+ - - - + *
autoplay 9.0 и выше
+ - - - **
controls 9.0 и выше
+ - - - **
9.0 и выше

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

height + - - - **
loop 9.0 и выше
+ - - - **
poster 9.0 и выше
+ - - - **
preload 9.0 и выше
+ - - - **
src 9.0 и выше
+ - - - **
width 9.0 и выше
+ - - - **

Тег video - новый тег HTML5, размещает видео на веб-странице.


Атрибуты:
• autoplay - автоматическое воспроизведение. Значения: false - нет, true - да.
• controls - определяет, нужно ли показывать панель управления видео.
• height - высота кадра.
• loop - варианты воспроизведения. Значения: false - однократное, true - циклическое.
• poster - URL изображения-заставки.
• preload - определяет, нужно ли предварительно загружать видеозапись в сам элемент. Значения:
auto - загружает на усмотрение браузера, metadata - загрузить только метаданные видеозаписи,
none - не загружать (по умолчан.).
• src - URL видеозаписи.
• width - ширина кадра видео.

Тег WBR

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<WBR> - 9.0 и выше
+ - - - - нет закрывающ. тега

Тег wbr - инструктирует браузер о месте возможного переноса строки в случае необходимости.

Тег !DOCTYPE

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<!DOCTYPE> - + + + + + - нет закрывающ. тега

Тег !DOCTYPE - занимает первую строку и указывает тип документа.


HTML5:
<!DOCTYPE html>
HTML 4.01 Transitional:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
HTML 4.01 Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
XHTML 1.1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
XHTML 1.0 Transitional:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.0 Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Тег для комментариев

HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.


Тег Атрибуты Тип IE HTML5 Transitional Frameset Strict*** атрибуты, Примечание
события
<!--...--> - + + + + + - нет закрывающ. тега

Тег <!--Комментарии--> - применяется для обособления комментариев (для себя), содержимое не


отображается.

Универсальные атрибуты

• accesskey - активирует ссылку сочетанием клавиш. Например, для <a accesskey="w">...</a> в IE,
Chrome и Safari это будет Alt + W .
Значения: латиница и цифры.
Используется для тегов: a, area, button, input, label, legend, textarea (не допустимы в HTML5)
для новых тегов html5: article, aside, command, datalist, details, embed, figcaption, figure, footer,
header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary,
time.
• class - стилевой класс, служит для привязки его к определенным тегам. Имя стилевого класса
позволяет однозначно идентифицировать такие теги. К тегу можно применять более одного класса,
указав их через пробел, тогда заданные стили оформления складываются.
Значения: латиница, цифры, дефисы и нижние подчеркивания, причем, первый символ - только
буква или цифра.
Используется практически для любых тегов.
• contenteditable - разрешает или запрещает режим редактирования элемента пользователем.
Значения: false - нет, true - разрешено.
Используется для большинства тегов и новых тегов html5 (см. атрибут accesskey).
• contextmenu - добавляет к элементу контекстное меню.
Значения: одинаковое с атрибутом id тега menu.
Используется для большинства тегов и новых тегов html5 (см. атрибут accesskey).
• dir - правильное направление отображения контента на иностранных языках.
Значения: ltr - слева направо (по умолчан.), true - справа налево.
Используется практически для любых тегов.
• draggable - перетаскивание отдельных элементов веб-страницы пользователем, например,
выбранных товаров в тележку покупок в интернет-магазине и др. Требует дополнительных скриптов.
Значения: false - нет, true - разрешено.
Используется для новых тегов html5 (см. атрибут accesskey).
• hidden - делает элемент на странице визуально отсутствующим, но доступным для скриптов.
Значения: -.
Используется практически для любых тегов.
• id - именованный стиль, связывает тег с заданными стилями оформления. Похож на атрибут class,
но в отличии от него, он должен быть уникальным в пределах веб-страницы, т.е. единственным. В
противном случае, нужно использовать стилевые классы.
Значения: латиница, цифры, дефисы и нижние подчеркивания, причем, первый символ - только
буква или цифра.
Используется практически для любых тегов.
• lang - предоставление информации об элементах контента на иностранном языке, может
использоваться речевыми браузерами, в XHTML используется атрибут xml:lang.
Значения: код языка, например: ru или en.
Используется практически для любых тегов.
• spellchek - проверка правописания браузером.
Значения: no - нет, yes - разрешено.
Используется практически для любых тегов.
• style - задает стилевое оформление элемента, используя свойства CSS. Использовать атрибут style
нужно крайне аккуратно, а лучше пользоваться «нормальным» CSS.
Пример: <p style="color: #fff">...</p>.
Используется практически для любых тегов.
• tabindex - последовательность переходов по ссылкам от меньшего значения к большему, если
пользователь применяет клавишу Tab.
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

Значения: любое целое число.


• title - отображает заголовок ссылки или краткое описание элемента, при наведении на него
курсора - появляется всплывающая подсказка с нужным текстом.
Значения: латиница и цифры.
Используется практически для любых тегов.

События

• onabort - наступает при прерывании загрузки элемента.


• onafterprint - наступает после печати документа (новый).
• onbeforeonload - наступает после загрузки документа (новый).
• onbeforeprint - наступает перед печатью документа (новый).
• onblur - наступает при потере элементом фокуса ввода: активного состояния.
• oncanplay - наступает при загрузки, необходимой для воспроизведения элемента (новый).
• oncanplaythrough - наступает при загрузки, необходимой для воспроизведения элемента целиком,
без прерывания (новый).
• onchange - наступает при изменении значения в поле ввода или области редактирования.
• onclick - наступает при клике на элементе левой кнопки мыши.
• oncontextmenu - наступает при вызове контекстного меню (новый).
• ondblclick - наступает при двойном клике на элементе.
• ondrag - наступает при перетаскивании элемента (новый).
• ondragend - наступает после прекращения перетаскивания элемента (новый).
• ondragenter - наступает, если перетаскиваемый элемент располагается на определенном
местоназначении (новый).
• ondragleave - наступает, если перетаскиваемый элемент покидает определенное местоназначение
(новый).
• ondragstart - наступает при начале перетаскивания элемента (новый).
• ondrop - наступает, если перетаскиваемый элемент помещен в определенное местоназначение
(новый).
• ondurationchange - наступает при изменении размера элемента воспроизведения (новый).
• onemptied - наступает при недоступности элемента воспроизведения (новый).
• onended - наступает после окончания воспроизведения элемента полностью (новый).
• onerror - наступает при ошибке загрузки элемента.
• onfocus - наступает при получении элементом фокуса ввода.
• onformchange - наступает при изменении содержимого в поле ввода или области редактирования
(новый).
• onforminput - наступает при вводе содержимого в поле ввода или области редактирования (новый).
• onhaschange - наступает при изменении содержимого документа (новый).
• oninput - наступает при вводе содержимого в элемент (новый).
• onkeydown - наступает при нажатии произвольной клавиши.
• onkeypress - наступает при нажатии буквенной или цифровой клавиши между событиями onkeydown
и onkeyup.
• onkeyup - наступает при отпускании ранее нажатой клавиши.
• onload - наступает после загрузки элемента или документа.
• onloadeddata - наступает при загрузке данных (новый).
• onloadedmetadata - наступает при загрузке метаданных элемента воспроизведения (новый).
• onloadstart - наступает при начале загрузки элемента (новый).
• onmessage - наступает при получении сообщения документом (новый).
• onmousedown - наступает при нажатии левой кнопки мыши.
• onmousemove - наступает при движении курсора над элементом.
• onmouseout - наступает после передвижения курсора за пределы элемента.
• onmouseover - наступает при удержании курсора на элементе.
• onmouseup - наступает после отпускания ранее нажатой левой кнопки мыши.
• onmousewheel - наступает при использовании колеса прокрутки мыши (новый).
• onoffline - наступает при отключении документа от Сети (новый).
• ononline - наступает при подключении документа к Сети (новый).
• onpagehide - наступает при скрытии окна браузера (новый).
• onpageshow - наступает при отображении окна браузера (новый).
• onpause - наступает при паузе в воспроизведении элемента (новый).
• onplay - наступает при готовности элемента к воспроизведению (новый).
• onplaying - наступает при начале воспроизведения элемента (новый).
• onpopstate - наступает при изменении истории браузера (новый).
• onprogress - наступает при определении метаданных элемента воспроизведения (новый).
• onratechange - наступает при изменении скорости воспроизведения элемента (новый).
• onreadystatechange - наступает при изменении состояния элемента воспроизведения (новый).
• onredo - наступает при переходе на следующую страницу в истории браузера (новый).
• onreset - наступает при сбросе данных в поле ввода.
• onresize - наступает при изменении размеров окна браузера.

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

• onscroll - наступает при использовании полос прокрутки элемента (новый).


• onselect - наступает при выделении содержимого в поле ввода или области редактирования.
• onsubmit - наступает при отправке данных формы.
• ontimeupdate - наступает при перемотке элемента воспроизведения (новый).
• onundo - наступает при переходе на предыдущую страницу в истории браузера (новый).
• onunload - наступает при закрытии окна браузера (новый).
• onvolumechange - наступает при изменении уровня громкости элемента воспроизведения (новый).
• onwaiting - наступает при остановке воспроизведения элемента (новый).

Цвет

В HTML существует несколько десятков названий цветов, но валидатор validator.w3.org расценивает


их, как не соответствующими спецификациям HTML, кроме указанных в таблице. Например,
значение цвета: orangered, для сайтов типа XHTML 0.1 Transitional, валидатор расценивает как
ошибку. Поэтому значения цвета в HTML и CSS лучше задавать при помощи шестнадцатеричного
кода, как в колонке «Значение».
Для сокращения можно писать: #fc4, вместо: #fc4fc4, или для черного: #000, вместо: #000000, если
первых три символа после решетки совпадают с последующими тремя:

Цвет Название Значение


  aqua #00ffff
  black #000
  blue #0000ff
  fuchsia #ff00ff
  gray #808080
  green #008000
  lime #00ff00
  maroon #800000
  navy #000080
  olive #808000
  purple #800080
  red #f00000
  silver #c0c0c0
  teal #008080
  white #fff
  yellow #ffff00

Специальные символы

Распространненные специальные символы, которые являются либо недопустимыми, как знак <,
который является скобкой для обозначения тегов HTML. Либо это такой необходимый символ как
неразрывный пробел, который иногда требуется вставить в код страницы, чтобы браузер не смел
переносить строку в этом месте. Использовать можно как литерал, так и код символа.

Название Символ Литерал Код


Амперсанд & &amp; &#38;
Длинное тире — &mdash; &#8212;
Короткое тире – &ndash; &#8211;
« &laquo; &#171;
Угловые кавычки
» &raquo; &#187;
“ &laquo; &#8220;
Двойные кавычки
” &rdquo; &#8221;
Меньше < &lt; &#60;
Больше > &gt; &#62;
Умножение × &times; &#215;
Деление ÷ &divide; &#247;
Авторское право © &copy; &#169;
Зарегистрированная торговая марка ® &reg; &#174;
Неразрывный пробел   &nbsp; &#160;
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML

MIME-типы

В таблице приводятся MIME-типы наиболее употребимых типов файлов:

Тип файлов MIME-тип


HTML text/html
XHTML application/xhtml+xml
image/gif
image/png
Изображения
image/jpeg
image/svg+xml
PDF application/pdf
Flash application/x-shockware-flash
MP4 видео video/mp4
QuickTime video/quicktime
video/x-ms-wmv
Windows Media
audio/x-ms-wma
video/ogg
OGG audio/ogg
application/ogg
MP3 аудио audio/mpeg
audio/wav
WAV audio/x-wav
audio/x-pn-wav

САЙТВЕБМАСТЕРОВ

как создать сайт б е с п л а т н о


конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта