Протоколы Internet


Язык HTML - часть 17


Элементы 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

<span class=”client-email”>email:</span> s.s@itep.ru">v.i@itep.ru

</div>

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

span является строчным элементом и его зона ответственности – параграф. span не может быть использован для группирования элементов блочного уровня. div, напротив, предназначен для работы с блочными элементами. div элемент, за которым следует незакрытый p-элемент, завершает параграф. Агент пользователя помещает разрыв строки до и после div-элемента, например строка:

<p>aaaaaa<div>bbbbbb</div><div>ccccc<p>ccccc</div>

обычно развертывается в:




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