Академический Документы
Профессиональный Документы
Культура Документы
Интернет-издание, 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
Примечания:
Тег A
href + + + + + **
hreflang - + + + + игнор. основн. браузерами
name + + + + - **
rel - + + + + игнор. или ошибки
target + + + + - **
type + + + + + **
Тег ABBR
Тег ACRONYM
Тег ADDRESS
Тег 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
Тег article - новый тег в HTML5, используется для разметки части документа, эта область аналогична
отдельной газетной статье.
Тег ASIDE
Тег aside - новый тег в HTML5, размечает отступления от основного текста: «врезки» с
дополнительной информацией.
Тег AUDIO
Тег B
Тег BASE
href + + + + + **
target + + + + - **
Тег base - находится в теге <head> в документах, использующих относительные пути (URL). При
перемещении этих документов в другие директории (папки), браузеры определяют полный путь к
документу. В XHTML: <base />.
Атрибуты:
• href - указание полного пути к документу.
• target - задает параметр загрузки страницы. Значения: _blank - загружает страницу в новое окно,
_self - текущее окно браузера, _parent - ссылка откроется в текущем фрейме с заменой его
содержимого, _top - открывает документ в текущем окне браузера с заменой всех фреймов.
Тег BDO
Тег bdo - направление текста: слева-направо или, наоборот, с помощью универсального атрибута
dir.
Тег BIG
Тег BLOCKQUOTE
Тег BODY
Тег body - тело html-документа, обязательный в версиях Strict, расположен после заголовка html-
документа: тега <head>.
Атрибуты:
• alink - изменяет цвет активных ссылок (в CSS - псевдокласс :active). Значения: цвета, например:
#FFF.
• background - задает фоновое изображение (в CSS - свойство background).
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML
Тег BR
clear + + + + - **
Тег BUTTON
Тег 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 - определяет значение для данных формы.
Тег CANVAS
Тег canvas - новый тег в HTML5, создает виртуальный холст и отображает графику. Использование
средств JavaScript позволяет рисовать картинки: кривые, линии, фигуры, текст и др.
Атрибуты:
• height - высота холста (по умолчан: 300px).
• widht - ширина холста (по умолчан: 150px).
Тег CAPTION
Тег caption - используется только в теге <table>, создает заголовок для таблицы.
Устаревшие атрибуты: align и valign - плохо поддерживаются основными браузерами, либо
игнорируются.
Тег CENTER
Тег center - выравнивает содержимое по центру в родительском элементе (в CSS - свойство text-
align).
Тег CITE
Тег CODE
Тег code - служит для отображения программного кода. Аналог тега <pre>, в котором учитываются
пробелы, соответственно, и переносы строк. В теге <code> пробелы не учитываются и применяются
переносы строк <br> и неразрывные пробелы. Код HTML отображается некорректно, используйте
маленькую хитрость: вместо первой скобки открывающего и закрывающего тега <code> вставьте
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML
Тег COL
span + + + + + **
width + + + + + **
Тег col - задает ширину колонок таблицы, удобно применять вместе с тегом <colgroup>, который
обозначает группу колонок. В XHTML: <col width="..." />
Атрибуты:
• span - задает количество колонок в таблице. Значения: целое число.
• width - ширина колонки (в CSS - свойство width).
атрибуты спецификаций HTML 4.01 и XHTML: align, char, charoff и valign - плохо поддерживаются
основными браузерами, либо игнорируются.
Тег 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
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
Тег command - находится внутри <menu>, служит для оформления кнопки, флажка или кнопки-
переключателя.
Атрибуты:
• checked - активирует элемент, если значение атрибута type - НЕ command.
• disabled - доступность элемента.
• icon - URL изображения элемента.
• label - задает имя команды.
• radiogroup - имя группы кнопок-переключателей, если значение атрибута type - radio.
• type - тип отображаемого элемента управления. Значения: checkbox - флажок, command - кнопка
(по умолчан.), radio - кнопка-переключатель.
Тег DATALIST
Тег datalist - новый тег в HTML5, задает список вариантов на выбор, используется для заполнения
поля формы. Значение универсального атрибута id должно быть идентично со значением атрибута
list тега input: <input list="...">.
Тег DD
Тег DEL
datetime N/A
+ + + + N/A
Тег del - выделяет текст перечеркиванием, удаленный при обновлении документа, что позволяет
отмечать проделанные изменения. Можно использовать с тегом <ins>, который выделяет
добавленный текст.
Атрибуты:
• cite - дает адрес документа, где указана причина изменений. Значения: URL.
• datetime - устанавливает дату и время изменений в формате ISO 8601, например: 2013-01-31 (ГГГГ-
ММ-ДД). Эти атрибуты доступны для сценариев и не видны для пользователей.
Тег DETAILS
N/A N/A
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML
open + - - -
Тег details - новый тег в HTML5, содержит информацию, которая может быть показана пользователю
по щелчку мыши. сама информация хранится в тегах <dt> и <dd>.
Атрибут: open - показывать содержимое тега. Значение: open.
Тег DFN
Тег DIV
Тег div - обозначает блок с содержимым, один из основных тегов для блочной верстки документов с
применением CSS.
Атрибут: align - выравнивание текста (в CSS - свойство text-align). Значения: left (по умолчан.),
center, right - выравнивают содержимое абзаца по левому краю, центру, правому краю, justify -
выравнивает по ширине, увеличивает количество пробелов.
Тег DL
Тег DT
Тег EM
Тег EMBED
Тег embed - новый тег в HTML5, встраивает результаты, выводимые из другого приложения, модуля,
в т.ч. аудио и видео. Целесообразно использовать внутри элемента <object>.
Атрибуты:
• height - высота объекта в px или %.
• src - URL загружаемого файла.
• type - MIME-тип для выводимых данных.
• width - ширина объекта в px или %.
Тег FIELDSET
form N/A
+ - - - N/A
Тег fieldset - группирует элементы формы с большим количеством полей, к примеру, отдельный
блок с флажками, а другой с текстовыми полями.
Атрибуты:
• disabled - делает поля элементов формы не активными.
• form - связывает группу с формой. Значение: одинаковое со значением универсального атрибута
id тега <form>.
Тег FIGCAPTION
Тег figcaption - новый тег HTML5, добавляет описание, надпись под рисунком, для элемента
<figure>. Располагается обязательно вначале тега <figure> или в конце.
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML
Тег FIGURE
Тег figure - новый тег HTML5, связывает элемент, например, рисунок с описанием в теге
<figcaption>.
Тег FOOTER
Тег footer - новый тег HTML5, располагается в конце элемента <section>, схож с нижним
колонтитулом, либо служит, так называемым, подвалом всей веб-страницы.
Тег FORM
Тег 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 - открывает документ в текущем окне браузера с
заменой всех фреймов.
Тег FRAME
frameborder + - - + - **
name + - - + - **
noresize + - - + - **
scrolling + - - + - **
src + - - + - **
Тег frame - находится в теге <frameset>, применяется для определения свойств фрейма -
отдельного окошка, куда загружается, по сути дела, отдельная веб-страница.
Атрибуты:
• frameborder - граница фрейма. Значения: 1 - отображает границу; 0 - скрывает.
• name - задает имя фрейма.
• noresize - запрет для пользователя на возможность изменения размера фрейма.
• scrolling - добавляет к фрейму полосы прокрутки. Значения: auto - отображение полос прокруток
по усмотрению браузера (по умолчан.), no - запрещает, yes - отображает полосы прокрутки,
независимо от размера фрейма.
• src - URL файла, загружаемого во фрейм.
Тег FRAMESET
Тег frameset - определяет структуру фреймов, а вложенные теги <frame>, задают свойства
фреймов.
Атрибуты:
• cols - задает ширину фреймов. Значения: в px, % или символ * - оставшаяся свободной ширина
страницы. Пример: <frameset cols="200px, 150px, *">...</frameset> - третья колонка на всю
оставшуюся ширину окна браузера.
• rows - высота фрейма, аналогично атрибуту cols. Чтобы добиться равномерных клеток, нужно
использовать оба атрибута, значение по умолчанию: 100% - для обоих атрибутов.
Теги H1 - H6
Теги h1 - h6 - задают заголовки разного уровня значения. Наиболее важный h1 (он должен быть один
на странице), далее: h2, h3 и т.д., это важные теги, в смысле, поисковой оптимизации сайта.
Атрибут: align - выравнивание текста (в CSS - свойство text-align). Значения: left (по умолчан.),
center, right - выравнивают содержимое абзаца по левому краю, центру, правому краю, justify -
выравнивает по ширине, увеличивает количество пробелов.
Тег HEAD
Тег HEADER
Тег header - новый тег HTML5, группирует элементы навигации, заголовок и вводную информацию,
по сути дела, это шапка веб-страницы.
Тег HGROUP
Тег hgroup - новый тег HTML5, группирует многоуровневые заголовки: подзаголовки, альтернативные
заглавия и т.д., т.е. содержит теги <H1> - <H6>.
Тег HR
Тег HTML
<HTML> + + + + + + + *
manifest N/A
+ - - - **
xmlns + - - - + **
Тег html - корневой элемент, который, собственно, содержит в себе весь html-документ. Он
располагается после тега <!DOCTYPE>, определяющего тип документа. С помощью универсального
атрибута lang обычно задают язык документа: <html lang="ru"> (HTML5).
Атрибуты:
• manifest - указывает путь к манифесту - файлу, содержащему указание для браузера о том, какие
файлы нужно сохранить в кэше. Позволяет использовать приложения в off-line режиме, без
соединения с интернетом.
• xmlns - объявляет пространства имен с указанием полного URL, обязательный атрибут для xhtml-
документов.
Тег I
Тег IFRAME
scrolling + + + + - **
seamless N/A
+ - - - N/A
src + + + + - **
srcdoc N/A
+ - - - N/A
vspace + + + + - **
width + + + + - **
Тег IMG
align + + + + - **
alt + + + + + **
border + + + + - **
height + + + + + **
hspace + + + + - **
ismap + + + + + **
longdesc N/A
+ + + + N/A
src + + + + + **
usemap + + + + + **
vspace + + + + - **
width + + + + + **
Тег INPUT
accept N/A
+ + + + N/A
align + + + + - **
alt + + + + + игнор. 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
Тег INS
datetime N/A
+ + + + N/A
Тег ins - выделяет текст подчеркиванием, добавленный при обновлении документа, что позволяет
отмечать проделанные изменения. Можно использовать с тегом <del>, который выделяет удаленный
фрагмент.
Атрибуты:
• cite - дает адрес документа, где указана причина изменений. Значения: URL.
• datetime - устанавливает дату и время изменений в формате ISO 8601, например: 2013-01-31 (ГГГГ-
ММ-ДД). Эти атрибуты доступны для сценариев и не видны для пользователей.
Тег KBD
<KBD> - строчный
+ + + + + + *
Тег kbd - выделяет текст, в котором есть наименования клавиш клавиатуры. Пример:
<kbd><Shift>+<Enter></kbd>.
Тег KEYGEN
Тег keygen - новый тег HTML5, элемент управления для генерации пары «ключ-значение» открытых и
секретных ключей шифрования. При отправке данных формы, содержащей этот элемент управления,
секретный ключ сохраняется, а открытый передается на сервер.
Атрибуты:
• autofocus - позволяет активировать кнопку сразу (с клавиатуры), без помещения на кнопку фокуса.
• challenge - изменяет значение при отправке данных формы.
• disabled - блокирует кнопку, не позволяет навести на нее фокус.
• form - устанавливает связь с формой. Значения: одинаковое со значением атрибута id для тега
<form>.
• keytype - указывает тип шифрования ключа.
• name - задает уникальное имя.
Тег LABEL
Тег label - создает связь между помеченным текстом и элементами формы: <select>, <textaria>,
<input> для того, чтобы менять значение элемента формы, если пользователь щелкнул мышью по
этой метке.
Атрибут: for - связывает текст с меткой и элементом формы, если они находятся не вместе: тег
<input> размещен вне элемента <label>. Значение: одинаково с универсальным атрибутом id тега
<input>.
Тег LEGEND
Тег legend - задает заголовок в элементе <fieldset>, который группирует элементы формы, как
правило, однотипные.
Атрибут: align - выравнивание текста (в CSS - свойство text-align). Значения: left (по умолчан.),
center, right - выравнивает заголовок по левому краю, центру, правому краю.
Тег LI
Тег li - задает элементы списка. Применение: см. теги <ul>, <ol> и <menu>.
Атрибуты:
• type - определяет тип маркера в элементе <ul> со значениями: disk - круглый (по умолчан.), circle
- окружность, square - квадратный. А для нумерованного списка <ol> значения: арабские и римские
цифры, латинские буквы, по умолчанию - 1 (в CSS - свойство list-style-type).
• value - атрибут задает число, с которого начинается нумерованный список, применим только, когда
тег расположен в элементе <ol>. Значения: целое положительное число, по умолчанию - 1.
Тег 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
Тег map - карта-изображений, родительский элемент для тегов <area>, разбивающих карту-
изображений на активные области.
Атрибут: name - обязательный атрибут, связывает изображение и карту-изображений через имя,
которое должно быть одинаково со значением атрибута usename тега <img>, но быть без символа #.
Тег MARK
Тег mark - помечает фрагмент текста, на который можно сослаться, поскольку он более уместен в
другом контексте. Некоторые браузеры выделяют содержимое тега другим цветом.
Тег MENU
type N/A
+ - - - N/A
Тег menu - служит родительским элементом для тега <command> и создает список меню сайта.
Применение:
<menu>
<li>Пункт 1</li>
<li>Пункт 2</li>
</menu>
Атрибуты:
• label - видимая метка, отображается как название, если применяются вложенные списки.
• type - указывает тип меню. Значения: context - контекстное меню, list - меню, как список (по
умолчан.), toolbar - меню, как панель инструментов.
Тег META
charset + + - - - **
content + + + + + **
http-equiv + + + + + **
name + + + + + **
Тег METER
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML
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
Тег NOFRAMES
Тег NOSCRIPT
Тег OBJECT
<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
start + + + + - **
type + - + + - **
Тег OPTGROUP
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML
Тег OPTION
Тег option - задает отдельные пункты списка в элементе <select>, применяемого для создания
полей формы в виде раскрывающегося списка или списка со множеством вариантов выбора и
механизмом прокрутки.
Атрибуты:
• disabled - делает элемент не активным.
• label - задает сокращенный текст, который отображается вместо содержимого самого тега.
• selected - выдел.
• value - задает значение для пункта в паре Имя=Значение отправляемого на сервер, где имя - это
значение атрибута name тега <select>.
Тег OUTPUT
for N/A
+ - - - N/A
form N/A
+ - - - N/A
name N/A
+ - - - N/A
Тег P
Тег PARAM
name + + + + + **
type + + + + + **
value + + + + + **
valuetype + + + + + **
Тег param - передает значения параметров объектам - тег <object>. В XHTML: <param name="..."
value="..." />.
Атрибуты:
• name - обязательный атрибут, задает имя параметра.
• type - MIME-тип объекта.
• value - задает значение параметра.
• valuetype - указывает тип данных, заданных атрибутом value. Значения: data - значение атрибута:
строка (по умолчан.), object - одинаковое с универсальным атрибутом id тега <object>, ref -
значение атрибута: URL.
Тег PRE
Тег pre - служит для отображения программного кода, как есть, в котором учитываются пробелы,
соответственно, и переносы строк. Аналог тега <code>, где применяются перенос строки <br> и
неразрывные пробелы. Код HTML отображается некорректно, используйте маленькую хитрость:
вместо первой скобки открывающего и закрывающего тега <pre> вставьте символ &..lt; без
двоеточия.
Тег PROGRESS
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
Тег RP
Тег rp - новый тег HTML5, содержимое заключается в круглые скобки в тексте аннотации, которую
размечает тег <ruby>.
Тег RT
Тег rt - новый тег HTML5, размечает текстовую составляющую аннотации в теге <ruby>, которая
отображается более мелким шрифтом.
Тег RUBY
Тег ruby - новый тег HTML5, размечает текст аннотации, обозначения правильного произношения и
др. вспомогательные средства, которые требуется указать рядом с аннотацией.
Тег S
Тег SAMP
Тег SCRIPT
src + + + + + **
type + + + + + **
Тег SECTION
Тег section - новый тег HTML5, секция страницы, как отдельная глава большого документа.
Используется для деления тега <article> на составные части.
Тег SELECT
Тег select - применяется для создания полей формы в виде раскрывающегося списка или списка со
множеством вариантов выбора и механизмом прокрутки. Пункты списка задает тег <option>.
Атрибуты:
• autofocus - позволяет активировать выбор пунктов сразу (с клавиатуры), без помещения на список
фокуса.
• disabled - блокирует пункты списка, не позволяет навести на них фокус.
• form - устанавливает связь с формой. Значения: одинаковое со значением атрибута id для тега
<form>.
• multiple - отображение как списка со множеством вариантов выбора.
• name - задает имя элемента.
• required - устанавливает, что выбор одного из пунктов списка для пользователя: обязательный.
• size - задает высоту списка. Если не выбран атрибут multiple, то значение по умолчанию - 1, а
список будет раскрывающимся. Если атрибут multiple выбран, а значение равно 1, то получаем
список с механизмом прокрутки. При других значениях - список со множеством вариантов выбора.
Значения: целое положительное число.
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML
Тег SMALL
Тег small - применяется для уменьшения размера шрифта фрагмента текста (в CSS - свойство font-
size).
Тег SOURCE
Тег 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
Тег span - строчный элемент, применяется для задания стиля фрагменту текста.
Тег STRONG
Тег strong - применяется для придания фрагменту текста большей значимости, выделяется жирным
шрифтом.
Тег STYLE
Тег style - располагается в теге <head>, применяется для задания стилей документу.
Атрибуты:
• media - показывает тип устройства. Значения: all - любой тип (по умолчан.), braille и embossed -
устройства и принтеры с системой Брайля, handheld - смартфоны, print - принтеры, projection -
проекторы, screen - монитор, speech - речевые синтезаторы, tty - устройства с фиксированным
размером символов, tv - телевизоры или медиа запросы.
• type - MIME-тип. Значение: text/css.
Тег SUB
Тег sub - нижний индекс для фрагмента текста: шрифт уменьшенный, расположение ниже базовой
линии строки (в CSS - свойство vertical-align).
Тег SUMMARY
Тег summary - новый тег HTML5, располагается внутри тега <details> и представляет сводку
содержимого этого элемента.
Тег SUP
Тег sup - верхний индекс для фрагмента текста: шрифт уменьшенный, расположение выше базовой
линии строки (в CSS - свойство vertical-align).
Тег TABLE
cellspacing + + + + + **
frame + + + + + **
rules + + + + + **
summary + + + + + **
width + + + + + **
Тег TBODY
Тег tbody - располагается в теге <table>, группирует строки таблицы, допустима одна и более
строка.
Атрибуты:
• align - выравнивание содержимого ячеек по горизонтали (в CSS - свойство text-align). Значения:
left (по умолчан.), center, right - выравнивают содержимое ячеек по левому краю, центру, правому
краю;
justify - выравнивает по ширине.
• valign - выравнивание содержимого ячеек по вертикали (в CSS - свойство vertical-align). Значения:
baseline - выравнивает содержимое по базовой линии; bottom, middle (по умолчан.), top -
выравнивание содержимого по нижнему краю, середине, верхнему краю.
Тег TD
+ + + + -
Тег 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
Тег textarea - применяется для создания поля формы, куда допустимо ввести текст из нескольких
строк с сохранением переносов.
Атрибуты:
• autofocus - позволяет активировать поле сразу (с клавиатуры), без помещения на него фокуса.
• cols - обязательный атрибут для версий, предшествующих HTML5, определяет ширину поля
количеством символов, используемого шрифта. Значения: положительное целое число.
• disabled - делает поле не активным, оно отображается серым.
• form - связывает поле с формой. Значения: одинаково с универсальным атрибутом id тега <form>.
• maxlength - ограничивает максимальное количество символов для ввода в поле. Значения:
положительное целое число.
• name - задает имена для элементов формы.
• placeholder - задает текст в поле, который отображается до наведения на него фокуса. Значения:
текст, пробелы нужно заключать в кавычки.
• readonly - запрет изменения текстового поля для пользователей и возможность изменений при
помощи сценариев.
• required - делает поле формы обязательным для заполнения. В случае его не заполнения, браузер
выводит всплывающую подсказку с предложением - заполнить.
• rows - обязательный атрибут для версий, предшествующих HTML5, определяет высоту текстового
поля количеством строк без прокрутки. Значения: положительное целое число.
• wrap - инструкция браузеру о механизме переноса строк и отправке данных на сервер. Значения:
soft - текст переносится на новые строки, но данные передаются как одна строка, hard - текст
переносится на новые строки, а данные передаются с учетом этих переносов, off - переносы не
как создать сайт б е с п л а т н о
конструкторы, инструменты вебмастера
webmastersam.ru раскрутка и способы монетизации сайта
Справочник HTML
Тег TFOOT
Тег tfoot - располагается в теге <table>, группирует строки, расположенные внизу таблицы,
допустима одна и более строка.
Атрибуты:
• align - выравнивание содержимого ячеек по горизонтали (в CSS - свойство text-align). Значения:
left (по умолчан.), center, right - выравнивают содержимое ячеек по левому краю, центру, правому
краю;
justify - выравнивает по ширине.
• valign - выравнивание содержимого ячеек по вертикали (в CSS - свойство vertical-align). Значения:
baseline - выравнивает содержимое по базовой линии; bottom, middle (по умолчан.), top -
выравнивание содержимого по нижнему краю, середине, верхнему краю.
Тег TH
Тег 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
Тег thead - располагается в теге <table>, группирует строки, расположенные вверху таблицы,
допустима одна и более строка.
Атрибуты:
• align - выравнивание содержимого ячеек по горизонтали (в CSS - свойство text-align). Значения:
left (по умолчан.), center, right - выравнивают содержимое ячеек по левому краю, центру, правому
краю;
justify - выравнивает по ширине.
• valign - выравнивание содержимого ячеек по вертикали (в CSS - свойство vertical-align). Значения:
baseline - выравнивает содержимое по базовой линии; bottom, middle (по умолчан.), top -
выравнивание содержимого по нижнему краю, середине, верхнему краю.
Тег TIME
Тег TITLE
Тег title - задает название веб-страницы и располагается в теге <head>. Его содержимое
показывается в заголовке окна или вкладке браузера. Поисковые системы придают большой вес
содержимому тега <title>, поэтому в нем должны обязательно присутствовать ключевые фразы.
Пользователи видят содержание тега <title> в результатах поиска. Соответственно, содержание тега
должно быть привлекательно - это визитная карточка веб-страницы.
Тег TR
Тег TT
Тег UL
Тег VAR
Тег VIDEO
height + - - - **
loop 9.0 и выше
+ - - - **
poster 9.0 и выше
+ - - - **
preload 9.0 и выше
+ - - - **
src 9.0 и выше
+ - - - **
width 9.0 и выше
+ - - - **
Тег WBR
Тег wbr - инструктирует браузер о месте возможного переноса строки в случае необходимости.
Тег !DOCTYPE
Универсальные атрибуты
• 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
События
Цвет
Специальные символы
Распространненные специальные символы, которые являются либо недопустимыми, как знак <,
который является скобкой для обозначения тегов HTML. Либо это такой необходимый символ как
неразрывный пробел, который иногда требуется вставить в код страницы, чтобы браузер не смел
переносить строку в этом месте. Использовать можно как литерал, так и код символа.
MIME-типы
САЙТВЕБМАСТЕРОВ