О спецификации HTML 4.0

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


<!ELEMENT - - ()* -- общий контейнер языка/стиля --> <!ATTLIST DIV -- , , -- > <!ELEMENT - - ()* -- общий контейнер языка/стиля --> <!ATTLIST SPAN -- , , -- >

Начальный тег: обязателен, Конечный тег: обязателен

Определения атрибутов

href =

Этот атрибут указывает ресурс, предоставляющий дополнительную информацию о содержимом элемента или .

Атрибуты, определяемые в любом другом месте

  • , ()
  • (информация о языке), ()
  • ()
  • (встроенная информация о стиле information)
  • ()
  • , , , , , , , , , (внутренние события)

Элементы и вместе с атрибутами и обеспечивают общий механизм добавления в документы структуры. Эти элементы определяют встраиваемую информацию () или информацию уровня блока (), но не налагают никаких других выражений для представления контекста. Таким образом, авторы могут использовать эти элементы с , атрибутами и т.д..

Предположим, Вы хотите сгенерировать документ в формате HTML на основе базы данных информации о клиентах. Поскольку HTML не включает элементов для идентификации таких объектов как "клиент", "номер телефона", "адрес электронной почты" и т.д., мы используем элементы и для достижения нужных эффектов структуры и представления. Для структурирования информации мы могли использовать элемент следующим образом:

<!-- Пример данных из базы данных о клиентах: --> <!-- Имя: Stephane Boyera, Тел.: (212) 555-1212, Email: sb@foo.org -->

<DIV id="client-boyera" class="client"> <P><SPAN class="client-title">Информация о клиенте:</SPAN> <TABLE class="client-data"> <TR><TH>Фамилия:<TD>Boyera</TR> <TR><TH>Имя:<TD>Stephane</TR> <TR><TH>Тел:<TD>(212) 555-1212</TR> <TR><TH>Email:<TD>sb@foo.org</TR> </TABLE> </DIV>

<DIV id="client-lafon" class="client"> <P><SPAN class="client-title">Информация о клиенте:</SPAN> <TABLE class="client-data"> <TR><TH>Фамилия:<TD>Lafon</TR> <TR><TH>Имя:<TD>Yves</TR> <TR><TH>Тел:<TD>(617) 555-1212</TR> <TR><TH>Email:<TD>yves@coucou.com</TR> </TABLE> </DIV>

Затем мы легко сможем добавить объявление таблицы стиля для настройки представления этих записей.

Другой пример см. в разделе об атрибутах .

Визуальные агенты пользователей обычно помещают символ перевода строки перед и после элементов , например:

<P>ааааааааа<DIV>ббббббббб</DIV><DIV>ввввв<P>ввввв</DIV>

что обычно генерируется как:

ааааааааа ббббббббб ввввв

ввввв



Содержание раздела