Id и name
Значения атрибутов типа ID и NAME должны начинаться с латинской буквы (A-Za-z) и состоять только из латинских букв (A-Za-z), цифр (0-9), дефисов ("-"), подчеркиваний ("_"), двоеточий (":") и точек ("."). Эти значения зависят от регистра. Они отличаются тем, что NAME может содержать специальные символы, а ID не может.
Idref и idrefs
Значения типа IDREF и IDREFS указывают на идентификаторы, т. е. на значения атрибута idдругих элементов. Значение типа IDREF — это единственный идентификатор, а значение типа IDREFS — это список идентификаторов, разделенных пробелами. IDREF и IDREFS зависят от регистра.
Число
Числовые значения атрибутов — это десятичные числа, состоящие хотя бы из одной цифры (0-9).
Текст
Текстовые значения атрибутов — это значения типа CDATA, представляющие собой осмысленный текст.
URI
Значения атрибутов типа URI — это унифицированные идентификаторы ресурсов (полные или относительные), синтаксис которых должен соответствовать Приложению 2.
Цвет
Цветовые значения атрибутов могут задаваться либо шестнадцатеричным числом с префиксом "#" вида "#rrggbb", задающим RGB-код цвета, либо одним из 16-ти символических имен, приведенных в Таблице П9.1. Имена цветов не зависят от регистра.
Примечание. Обозреватели Microscape дополнительно поддерживают имена цветов, перечисленные вТаблице П9.2.
Пиксели
Значения этого типа — целые числа, задающие количество пикселей.
Размер
Значения этого типа — либо целые числа, задающие количество пикселей, либо доли в процентах от размера по горизонтали или вертикали: например, 50% означает половину всего размера, а 50 означает 50 пикселей.
Кратный размер
Кратный размер — это либо целое число, задающее количество пикселей, либо доля в процентах от размера по горизонтали или вертикали, либо относительный размер вида i*, гдеi— целое число. При распределении пространства обозреватель сначала выделяет место для размеров, заданных в числах и процентах, а затем разделяет оставшееся пространство между элементами с относительными размерами. Элементу размером3*будет выделено пространство в три раза большее, чем элементу размером1*. Значение*эквивалентно1*и часто означает "заполнить оставшееся пространство".
Кратные размеры
Значения этого типа — список кратных размеров, разделенных запятыми.
Тип файла
Значения атрибутов этого типа задают типы файлов MIME для связанных или вложенных ресурсов. Список всех зарегистрированных типов содержится в Приложении 4.
Типы файлов
Значения этого типа — список типов файлов, разделенных запятыми.
Код языка
Значения атрибутов этого типа задают код языка согласно Приложению 8. Код языка не зависит от регистра и не должен содержать пробелов.
Кодировка и Кодировки
Значения этого типа задают имя таблицы кодировки символов согласно Приложению 7. Значение типа Кодировка — это единственное имя таблицы кодировки, а значение типа Кодировки — это список имен, разделенных пробелами или запятыми. Они не зависят от регистра.
Символ
Значение символьного атрибута — это единственный символ Unicode, который может быть также специальным символом.
Дата-время
Значения атрибутов этого типа задают дату и время в формате ГГГГ-ММ-ДДТчч:мм:ссУВЗ, гдеГГГГ— четырехзначный номер года,ММ— двузначный номер месяца (01 — 12),ДД— двузначный номер дня (01 — 31),чч— двузначный номер часа (00 — 23),мм— двузначный номер минуты (00 — 59),cc— двузначный номер секунды (00 — 59) иУВЗ— указатель временной зоны. Отметим, что букваТ, отделяющая дату от времени — это именно прописная латинская буква Т. Если какой-либо из компонентов времени неизвестен, то используется00. Указатель временной зоны может принимать следующие значения:
Z(прописная), указывающая на время по Гринвичскому меридиану (UTC, Universal Coordinated Time);
+чч:мм, положительная разница с временем UTC в часах и минутах;
-чч:мм, отрицательная разница с временем UTC в часах и минутах.
Типы ссылок
Значения атрибутов этого типа представляют собой список типов ссылок, разделенных пробелами. Тип ссылки не зависит от регистра и не может содержать пробелов. HTML 4.0 определяет перечисленные ниже типы ссылок, хотя авторы могут использовать и свои собственные типы. Например, в HTML 4.0 пропущен очень популярный тип ссылки Made, обеспечивающий контакт с автором документа:
<LINK rev="Made" href="mailto:somebody@somewhere.com">
Таблица 1.1. Типы ссылок в HTML | |
Alternate |
Альтернативная версия документа. С атрибутом langуказывает на перевод данного документа на другой язык, с атрибутомmediaуказывает на версию документа, предназначенную для другого носителя (например, для печати). |
Stylesheet |
Указывает на внешнюю таблицу стилей. Этот тип ссылки может использоваться в сочетании с типом Alternateдля альтернативных таблиц стилей по выбору пользователя. |
Start |
Ссылка на первый документ в коллекции. Сообщает поисковым системам, какой из документов коллекции автор считает начальным. |
Next |
Ссылка на следующий документ в коллекции. Такие обозреватели, как WebTV, могут использовать эту ссылку для предварительной загрузки следующего документа с целью экономии времени. |
Prev |
Ссылка на предыдущий документ в коллекции. |
Contents |
Ссылка на документ, содержащий оглавление. |
Index |
Ссылка на документ, содержащий алфавитный указатель. |
Glossary |
Ссылка на документ, содержащий глоссарий терминов. |
Copyright |
Ссылка на документ, содержащий сведения об авторском праве. |
Chapter |
Ссылка на документ, служащий главой в коллекции документов. |
Section |
Ссылка на документ, служащий разделом в коллекции документов. |
Subsection |
Ссылка на документ, служащий подразделом в коллекции документов. |
Appendix |
Ссылка на документ, служащий приложением в коллекции документов. |
Help |
Ссылка на документ, содержащий справочную информацию. |
Bookmark |
Указывает на закладку, т. е. содержит ссылку по имени, которое задается атрибутом title. |
Shortcut Icon |
Ссылка на значок документа в папке "Избранное" для обозревателя Internet Explorer 5.x. |
Устройства
Значения атрибутов этого типа представляют собой список имен устройств для отображения документа, разделенных пробелами. Имена устройств зависят от регистра и могут быть следующими.
Таблица 1.2. Имена устройств отображения | |
all |
все типы устройств |
aural |
синтезатор речи |
braille |
тактильное устройство Брайля для слепых |
embossed |
печатающее устройство Брайля |
handheld |
переносное устройство (например, пейджер) |
|
принтер |
projection |
проектор |
screen |
графический дисплей |
tty |
неграфический дисплей (терминал, телетайп) |
tv |
телевизор |
Сценарий
Значения атрибутов этого типа — это сценарии клиента, которые обычно представляют собой вызов функции или несколько операторов на интерпретируемом языке. Синтаксис сценария определяется синтаксическими правилами соответствующего языка программирования.
Таблица стилей
Значения атрибутов этого типа — таблицы стилей на языке CSS.
Фрейм
Значения атрибутов этого типа задают имена фреймов. Они должны начинаться с латинской буквы (A-Za-z), за исключением следующих специальных значений.
Таблица 1.3. Специальные имена фреймов | |
_blank |
Загрузить документ в новое безымянное окно. |
_self |
Загрузить документ в окно текущего фрейма. |
_parent |
Загрузить документ в окно предка текущего фрейма. Если фрейм не имеет предка, эквивалентно _self. |
_top |
Загрузить документ в полное текущее окно, отменяя тем самым все фреймы. |
1.1.4. Общие атрибуты элементов HTML
Ряд атрибутов применим к большинству элементов HTML. Эти атрибуты подразделяются на:
базовые атрибуты(class,id,styleиtitle), которые определяют общие свойства элементов;
локализующие атрибуты(dirиlang), которые указывают на свойства языка, на котором написано содержимое элемента;
обработчики событий, которые определяют реакцию данного элемента на различные события.
1.1.4.1. Идентификатор элемента: атрибут id
Синтаксис: id =ID
Поддержка: Полное соответствие стандарту (2.0+)
Полное соответствие стандарту (3.0+)
Атрибут idприсваивает элементу имя, уникальное в пределах данного документа. Никакие два элемента не могут иметь одинаковых значенийid. Этот атрибут имеет несколько применений в HTML:
в качестве селектора стилейотдельных элементов;
в качестве закладки для гиперссылок;
для указания на конкретный элемент из сценария;
в качестве имени элемента OBJECT.
В следующем примере атрибут idиспользован для идентификации двух абзацев:
<P id="firstp">Мой первый абзац.</P>
<P id="secondp">Мой второй абзац.</P>
С абзацами из этого примера могут быть связаны соответствующие стили. Например, следующая таблица стилей определяет цвета каждого из абзацев:
P#firstp { color: navy; background: transparent }
P#secondp { color: black; background: transparent }
Эти же абзацы могут использоваться как цель в гиперссылках:
<P>См. также <A HREF="#firstp">первый абзац</A>.</P>
Этот атрибут применим ко всем элементам, кроме BASE,HEAD,HTML,META,SCRIPT,STYLEиTITLE.
Примечание. Значения атрибутовidиnameхранятся в одном пространстве имен, поэтому их значения не могут совпадать в пределах документа. Отметим также, чтоnameможет содержать специальные символы, аidнет.
1.1.4.2. Класс элемента: атрибут class
Синтаксис: class = списокCDATA
Поддержка: Полное соответствие стандарту (2.0+)
Списки имен классов игнорируются (4.0+)
Атрибут classуказывает, что элемент является членом определенного класса. В отличие от атрибутаidлюбое количество элементов может относиться к одному классу. Далее, элемент может принадлежать к нескольким классам — в этом случае значением атрибута является список имен классов, разделенных пробелами.
Примечание. Большинство обозревателей не поддерживают списки классов, попросту игнорируя такой атрибутclass.
Атрибут classособенно полезен вселекторах стилей. Рассмотрим следующий пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<STYLE type="text/css">
p { font-size: medium }
p.note { font-size: small }
</STYLE>
</HEAD>
<BODY>
<P>Обычный абзац</P>
<P class="note">Примечание</P>
</BODY>
</HTML>
Здесь в заголовке документа заданы размеры шрифта для обычных абзацев и для абзацев класса note(примечание). Теперь для того, чтобы включить в текст примечание, достаточно присвоить соответствующему абзацу (т. е. элементуP) атрибутclass="note". Именно так построены все примечания в данном справочнике.
Этот атрибут применим ко всем элементам, кроме BASE,HEAD,HTML,META,PARAM,SCRIPT,STYLEиTITLE.
1.1.4.3. Стиль элемента: атрибут style
Синтаксис: style =таблица стилей
Поддержка: Полное соответствие стандарту (3.0+)
Полное соответствие стандарту (4.0+)
Атрибут styleпозволяет задать стиль элемента внутри его начального тега, например:
<P>Популярным экранным шрифтом является
<SPAN style="font-family: Verdana">Verdana</SPAN>.</P>
Для использования этого атрибута в заголовок документа должен быть включен метаописатель
<META http-equiv="Content-Style-Type" content="text/css">
В большинстве случаев употребление атрибутов classиidпредпочтительнее, т. к. они обеспечивают разделение содержимого документа и стиля его отображения, что обычно упрощает сопровождение разработки.
Этот атрибут применим ко всем элементам, кроме BASE,HEAD,HTML,META,PARAM,SCRIPT,STYLEиTITLE.
1.1.4.4. Титул элемента: атрибут title
Синтаксис: title =текст
Поддержка: Полное соответствие стандарту, выводится как подсказка (4.0+)
Не поддерживается
Атрибут titleопределяет титул элемента и часто используется обозревателями как подсказка (tooltip), которая выводится на экран, когда курсор помещается на данный элемент. Он особенно полезен в элементахA,LINK,IMGиOBJECT, в которых он указывает на титул связанного или вложенного ресурса. Приведем несколько примеров.
Ссылка на почтовый ящик:
<A href="mailto:yurylukach@homepage.com"
title="Пошлите мне свои замечания">yurylukach@homepage.com</A>
Ссылка на Веб-страницу:
<A href="http://www-genome.wi.mit.edu/ftp/pub/software/WWW/cgi_docs.html"
title="Библиотека CGI-сценариев">CGI.pm</A>
Ссылка на альтернативную Веб-страницу:
<LINK rel="Alternate" href="index.ru.html" hreflang=ru lang=ru title="Русская версия">
Ссылка на аплет:
<OBJECT classid="java:Audio.class" codetype="application/java"
style="width: 400; height: 250"
standby="Готовы слушать музыку?" title="Моя любимая песня">
<IMG src="music.gif" alt="" title="Beatles' Yesterday">
Yesterday – моя <EM>любимая</EM> песня!
</OBJECT>
Атрибут titleполезен также с элементамиABBRиACRONYM, где он позволяет дать расшифровку сокращения. Примеры:
<P>Он весит 80 <ABBR title="килограммов"lang=ru>кг</ABBR>.</P>
<ACRONYM title="Организация Объединенных Наций">ООН</ACRONYM>
1.1.4.5. Язык элемента: атрибут lang
Синтаксис: lang =код языка
Поддержка: Распознается, но игнорируется (2.0+)
Распознается, но игнорируется (3.0+)
Атрибут langопределяет естественный язык, на котором написаны значения остальных атрибутов данного элемента и его содержимое (а также всех вложенных элементов, не имеющих своего атрибутаlang). Хотя этот атрибут поддерживается не слишком широко, он находит все большее применение, например:
некоторые поисковые системы индексируют документы по их языку;
синтезаторы речи могут использовать правила произношения, определяемые конкретным языком;
обозреватели могут в зависимости от языка использовать различные шрифты, учитывать правила переноса слов, проверять правописание и т. д.
Значение атрибута langне зависит от регистра. Список его возможных значений приведен вПриложении 8.
Использование langтакже позволяет авторам легко менять стиль текста в зависимости от языка. Например, один из языков в двуязычном документе может изображаться курсивом или произноситься другим голосом в синтезаторе речи. Текст такого документа должен оформляться следующим образом:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>Welcome - Добро пожаловать</TITLE>
</HEAD>
<BODY>
<H1><SPAN lang=en>Welcome</SPAN> - <SPAN lang=ru>Добро пожаловать</SPAN></H1>
<P lang=en>This paragraph is in English.</P>
<P lang=ru>Этот абзац на русском языке.</P>
</BODY>
</HTML>
Основной язык документа может быть задан атрибутом langв элементеHTMLили в полезаголовка HTTP Content-Language.
Этот атрибут применим ко всем элементам, кроме BASE,BR,FRAME,FRAMESET,IFRAME,PARAMиSCRIPT.
Примечание. Атрибутlangне должен использоваться для задания направления вывода текста — оно задается атрибутомdir.
1.1.4.6. Направление вывода текста: атрибут dir
Синтаксис: dir =ltr | rtl
Поддержка: Полное соответствие стандарту (5.0+)
Не поддерживается
Атрибут dirопределяет направление вывода текста: слева направо (dir="ltr", по умолчанию) или справа налево (dir="rtl"). Всем символам в кодировке Unicode приписано направление, с тем, чтобы текст отображался правильно. Так, латинские и русские буквы выводятся слева направо, а еврейские и арабские – справа налево.
Стандарт Unicode определяет двунаправленный алгоритм, который должен применяться всякий раз, когда документ содержит символы, выводимые справа налево. Хотя обычно этот алгоритм дает правильное изображение текста, существуют ситуации, когда направление вывода текста приходится задавать явно с помощью атрибута dir.
Допустим, например, что русское предложение содержит ивритскую фразу, которая содержит английскую цитату. В этом случае направление вывода ивритской фразы потребует явного указания направления: ивритская фраза, включая английскую цитату, должна быть заключена в элемент SPANилиBDOс атрибутом dir="rtl".
Этот атрибут применим ко всем элементам, кроме BASE,BR,FRAME,FRAMESET,IFRAME,PARAMиSCRIPT.
1.1.4.7. Обработчики событий
Синтаксис: имя_события =сценарий
Поддержка: Полное соответствие стандарту (4.0+)
Полное соответствие стандарту (3.0+)
HTML поддерживает обработку многих событий, которые могут происходить на компьютере-клиенте. Для обработки события нужно присвоить элементу соответствующий атрибут, имя которого является именем этого события, а значением – сценарий (либо вызов функции, либо набор операторов). Значение такого атрибута может содержать специальные символы.
Следующий пример использует операторы языка JavaScript для обработки двух событий, связанных с кнопкой "Submit", а именно выводит подсказку в строке состояния, когда курсор мыши попадает на кнопку, и очищает строку состояния, когда курсор мыши оказывается за ее пределами. Обратите внимание, что значения атрибутов заключены в одинарные кавычки из-за того, что двойные кавычки использованы внутри них. Подробно правила обработки событий описаны в гл. 4.11.
<INPUT type=submit
onmouseover='window.status="Вы заполнили всю форму?";'
onmouseout='window.status="";'>
Если документ содержит обработку событий, то язык сценариев, принятый по умолчанию, должен быть задан в заголовке документа в метаописателе
<META http-equiv="Content-Script-Type" content="text/javascript">
Следующие атрибуты событий применимы ко всем элементам, кроме BASE, BDO, BR, FRAME, FRAMESET, HEAD, HTML, IFRAME, META, PARAM, SCRIPT, STYLE и TITLE. Все они связаны либо с нажатием клавиш на клавиатуре, либо с движением мыши и нажатием ее кнопок.
Таблица 1.4. Стандартные события в HTML | |
Имя события |
Происходит |
onclick |
при щелчке кнопки мыши на элементе |
ondblclick |
при двойном щелчке кнопки мыши на элементе |
onmousedown |
при нажатии кнопки мыши на элементе |
onmouseup |
при отпускании кнопки мыши на элементе |
onmouseover |
при попадании курсора мыши на элемент |
onmousemove |
при движении курсора мыши по элементу |
onmouseout |
при попадании курсора мыши за пределы элемента |
onkeypress |
при нажатии и отпускании клавиши на элементе |
onkeydown |
при нажатии клавиши на элементе |
onkeyup |
при отпускании клавиши на элементе |