Table Of ContentС ПРАВОЧНИК 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 атрибуты, Примечание
TransitionalFramesetStrict*** события
<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 раскрутка и способы монетизации сайта
