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 раскрутка и способы монетизации сайта