Web-дизайн. Основы языка HTML. Часть 2. Коструб И.Д - 32 стр.

UptoLike

ВУЗ: 

ВГУ | Воронеж

Составители: 

Рубрика: 

32
Рис. 21. Пример отображения пустых ячеек таблицы браузером Opera
Чтобы избежать различий в отображении таблиц, внутри тегов ячеек
<TD> и <TH> следует размещать не видимые на экране данные, позво-
ляющие браузерам не отображать такие ячейки как пустые. Подобные дан-
ные могут быть следующих типов:
● теги структурного форматирования. В данном случае под этим
понятием подразумевается тег принудительного переноса строки
<BR> и
конструкция запрета такого переноса &nbsp;. При использовании этих
элементов следует помнить, что размер пустой (в визуальном плане) ячей-
ки будет зависеть от свойств шрифта, заданных для HTML-документа в
целом или же предопределенных для конкретного блока (<SPAN>, <DIV>)
или ячейки;
● цветные текстовые блоки. Разместив в ячейке, которая должна
ви-
зуально казаться пустой, текст небольшого объема цветом, аналогичным
значению параметра BGCOLOR тега <TD> или <TH>, при просмотре такого
документа в браузере мы получим «пустую» табличную ячейку;
● прозрачные графические распорки. Это способ отображения пус-
тых ячеек, практически не зависящий от модели браузера и свойств шриф-
та. Заключается в размещении прозрачного
графического изображения
нужных размеров (распорки, спейсера) в пределах табличной ячейки. Про-
зрачная распорка (в формате GIF) невидима на странице и очень гибка в
масштабировании. К примеру, невидимый спейсер исходного размера 10 × 10
пикселов при необходимости можно искусственно увеличить или умень-
шить путем переназначения его параметров WIDTH и HEIGHT. Пример
использования различных типов отображения пустых ячеек
таблицы при-
веден соответственно на рис. 22 и в листинге 2.6. 
      Рис. 21. Пример отображения пустых ячеек таблицы браузером Opera

    Чтобы избежать различий в отображении таблиц, внутри тегов ячеек
 и  следует размещать не видимые на экране данные, позво-
ляющие браузерам не отображать такие ячейки как пустые. Подобные дан-
ные могут быть следующих типов:
     ● теги структурного форматирования. В данном случае под этим
понятием подразумевается тег принудительного переноса строки 
 и
конструкция запрета такого переноса  . При использовании этих
элементов следует помнить, что размер пустой (в визуальном плане) ячей-
ки будет зависеть от свойств шрифта, заданных для HTML-документа в
целом или же предопределенных для конкретного блока (, 
)
или ячейки;
     ● цветные текстовые блоки. Разместив в ячейке, которая должна ви-
зуально казаться пустой, текст небольшого объема цветом, аналогичным
значению параметра BGCOLOR тега  или , при просмотре такого
документа в браузере мы получим «пустую» табличную ячейку;
     ● прозрачные графические распорки. Это способ отображения пус-
тых ячеек, практически не зависящий от модели браузера и свойств шриф-
та. Заключается в размещении прозрачного графического изображения
нужных размеров (распорки, спейсера) в пределах табличной ячейки. Про-
зрачная распорка (в формате GIF) невидима на странице и очень гибка в
масштабировании. К примеру, невидимый спейсер исходного размера 10 × 10
пикселов при необходимости можно искусственно увеличить или умень-
шить путем переназначения его параметров WIDTH и HEIGHT. Пример
использования различных типов отображения пустых ячеек таблицы при-
веден соответственно на рис. 22 и в листинге 2.6.


                                      32

Страницы