Глава 1.10. Прочие элементы

1.10.1. Группировка элементов: элементы DIV и SPAN

Синтаксис: <DIV>…</DIV> (блочный элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Синтаксис: <SPAN>…</SPAN> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту (5.0+)
           Netscape Navigator Атрибут dir игнорируется (4.0+)

Элементы DIV и SPAN в сочетании с атрибутами id, class, style и lang предназначены для группировки элементов HTML-документа. Различие между ними состоит в том, что DIV является блочным элементом, а SPAN — текстовым. В остальном они никак не ограничивают отображение своего содержимого и могут использоваться для задания стиля группы элементов, их языка в атрибуте lang и т. п.

Элемент DIV может содержать любые блочные и текстовые элементы и может содержаться в элементах BLOCKQUOTE, BODY, BUTTON, DD, DEL, DIV, FIELDSET, FORM, INS, LI, MAP, NOSCRIPT, OBJECT, TD и TH. Элемент SPAN может содержать любые текстовые элементы и может содержаться в любых текстовых и блочных элементах.

Пример использования элемента DIV для задания стиля отображения:

<DIV style="text-align: center">
Это текст будет центрироваться в окне обозревателя.
</DIV>

Пример использования элемента SPAN для задания языка текстового фрагмента:

<P>Чарлз Буковски - <SPAN lang="fr">enfant terrible</SPAN> американской литературы.</P>

1.10.2. Горизонтальная черта: элемент HR

Синтаксис: <HR>…</HR> (блочный элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Атрибут dir игнорируется (5.0+)
           Netscape Navigator Атрибут dir игнорируется (4.0+)

Элемент HR (horizontal rule) используется для вывода на экран горизонтальной черты, которая обычно используется в качестве разделителя разделов документа. Например, <HR style="color: red"> будет отображаться так (Netscape это свойство стилей не поддерживает!):


Для большей гибкости рекомендуется вместо элемента HR использовать свойства таблиц стилей border-bottom или border-top. Например, следующий элемент

<DIV style="border-top: solid thin red">…</DIV>

задает вывод такой же горизонтальной черты над группой элементов, содержащихся в DIV (Netscape Navigator 4.x это свойство стилей не поддерживает и черту не отображает!):

 

1.10.3. Контактная информация: элемент ADDRESS

Синтаксис: <ADDRESS>…</ADDRESS> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту, отображается курсивом (5.0+)
           Netscape Navigator Отображается курсивом, атрибут dir игнорируется (3.0+)

Элемент ADDRESS должен содержать контактную информацию о данном документе. Он обычно размещается в начале или конце документа и содержит имена автора документа, адреса их электронной почты и т .п. В строгом HTML-документе он может содержать только текстовые элементы; он может содержаться в элементах BLOCKQUOTE, BODY, BUTTON, DD, DEL, DIV, FIELDSET, FORM, INS, LI, MAP, NOSCRIPT, OBJECT, TD и TH. Обозреватели обычно отображают его курсивным шрифтом. Пример: элемент

<ADDRESS>Автор: Ю. С. Лукач<BR>
  E-mail: <A href="mailto:yury@suncloud.ru">yury@suncloud.ru</A></ADDRESS>

будет отображаться так:

Автор: Ю. С. Лукач
E-mail: yury@suncloud.ru

1.10.4. Направление вывода текста: элемент BDO

Синтаксис: <BDO>…</BDO> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir
Поддержка: Internet Explorer Полное соответствие стандарту (5.0+)
           Netscape Navigator Не поддерживается

Элемент BDO (BiDi override) предназначен для задания направления вывода содержащегося в нем текста. Направление задается обязательным атрибутом dir. Он может содержать любые текстовые элементы и содержаться в любых блочных и текстовых элементах.

Как указывалось в описании атрибута dir, всем символам в кодировке Unicode приписано направление, с тем, чтобы текст отображался правильно. Так, латинские и русские буквы выводятся слева направо, а еврейские и арабские — справа налево. Unicode определяет двунаправленный алгоритм, который должен применяться всякий раз, когда документ содержит символы, выводимые справа налево. Хотя обычно этот алгоритм дает правильное изображение текста, существуют ситуации, когда направление вывода текста приходится задавать явно с помощью элемента BDO.

Авторы могут использовать и иной способ явного задания направления вывода текста. Для этого соответствующий фрагмент текста должен начинаться с символа Unicode &#x202D; для вывода слева направо или с символа &#x202E; для вывода справа налево. Символ &#x202C; завершает такой фрагмент и вновь передает управлению двунаправленному алгоритму отображения символов.

Поддержка: Internet Explorer Полное соответствие стандарту (5.0+)
           Netscape Navigator Специальные символы Unicode не поддерживаются