Visual Basic 6. Руководство разработчика

Тег


<DIV>

Internet Explorer воспроизводит HTML-документы за один проход с начала документа до конца. В результате броузер не может переместиться назад и размес­тить один элемент поверх другого. Например, в HTML нельзя поместить заголовок поверх изображения. После того как изображение воспроизведено в окне броузера, нельзя вернуться на шаг назад и поместить текст поверх него.

Это ограничение можно устранить при помощи тега

<DIV>, который позволяет разбивать документ на отдельные части, размещаемые на странице. Тег <DIV> в DHTML достаточно значителен он позволяет прерывать документ на элементах (или объектах) и управлять каждым из них по отдельности. Рассмотрим обманчиво простой пример. Страница STYLES HTM (рис. 19.10) выглядит так, как будто текст был помещен поверх фонового изображения.

Рис. 19.10. Страница STYLES.HTM

Если открыть этот документ в текстовом редакторе, то можно увидеть, что он содержит две части, каждая из которых ограничена тегом

<DIV>. Первый тег <DIV> содержит строку, которая накрывает мозаикой фон документа. Второй тег <DIV> - это текст, который отображается поверх фона. Две части документа накладываются друг на друга, потому что тег <DIV> позволяет задавать их абсо­лютную позицию.

Документ содержит следующие описания стилей.

<STYLE>

Hl.LargeText (color: '#DODODO'; font-family: "Verdana"; font-size: 500%)

</STYLE>

Этот стиль является вариантом заголовка <Н1>. Он использует очень большой шрифт и светло-серый цвет (немного светлее, чем серебристый цвет фона). Фоновый узор на печатной странице почти незаметен. Чтобы его увидеть, нужно открыть страницу STYLES.HTM. Вообще, фон не должен быть сложным. В противном случае текст поверх фона буден трудно читаемым.

Первый тег <DIV>, который создает фон, определяется таким образом.

<DIV STYLE = "position: absolute; left: 20">

<H1 CLASS = LargeText>VB6 VB6 VB6 VB6 VB6 VB6

</DIV>

Позиция этой части документа задается в абсолютных координатах и разме­щается на расстоянии 20 пикселей от левого края окна


Internet Explorer. Для размещения текста поверх первой части надо использовать другой тег <DIV> с такой же привязкой Зададим ей следующее определение.

<DIV STYLE = "position: absolute; left: 20">

</DIV>

Здесь пропущено реальное содержание этой части. Все, появившееся между тегами <DIV>. воспроизводится поверх текущего содержимого окна Internet Explorer. Можно открыть документ STYLES.HTM и изучить его код.

Теги <STYLE> и <CLASS> расширяют HTML и позволяют Web-разработчику управлять свойствами HTML-элементов и задавать их положение на странице. Эти два тега первыми ознаменовали отход от прямолинейной (и статической) HTML-модели. DHTML предоставляет возможности для программного управления стилями. Тогда как тег <CLASS> позволяет переопределять существующий тег, тег <DIV> позволяет применять атрибуты части документа целиком DHTML улучшает эту возможность: он позволяет управлять цветом фона из сценария, даже после того, как документ воспроизведен броузером.


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