Примеры сетевых топологий


Группирующие элементы div и span


<!element div - - %block>

<!attlist div %attrs;-- %coreattrs, %i18n, %events --
%align;-- align, выравнивание текста -- >
<!element span - - (%inline) *

-- базовый языковый/стилевой контейнер -- >

<!element span %attrs;-- %coreattrs, %i18n, %events -- >

Атрибуты определенные где-то еще

  • id, class (идентификаторы, действующие в пределах документа)

  • lang (языковая информация), dir (направление текста/отступ)

  • title (заголовок элемента)

  • style (текущая стилевая информация)

  • align (выравнивание)

  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (события)

Элементы div и span в сочетании с атрибутами id и class предлагают обобщенный механизм структурирования документа. Таким образом, сформировав примеры и классы и используя для них стилевые листы, программист может придать HTML-документу необходимую структуру и форму.

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

В приведенном примере каждое имя клиента принадлежит классу client-last-name. Присвоим также уникальные идентификаторы каждому клиенту (client-stepanov, client-ivanov).

<div id="client-stepanov" class="client">
<span class="client-last-name">last name:</span> stepanov,
<span class="client-first-name">first name:</span> stepa
<span class="client-tel">telephone:</span> (095) 123-9442
<span class="client-email">email:</span> s.s@itep.ru">s.s@itep.ru
</div>

<div id="client-ivanov" class="client">
<span class="client-last-name">last name:</span> ivanov,
<span class="client-first-name">first name:</span> vanja
<span class="client-tel">telephone:</span> (095) 123-5442



Начало  Назад  Вперед



Книжный магазин