Основы работы с XHTML и CSS


Тег <frameset>


Контейнерный тег <frameset> делит окно браузера на отдельные фреймы. Общий формат тега <frameset> показан ниже.

<frameset cols="n1[%],n2[%]" rows="n1[%],n2[%]" frameborder="1|0" bordercolor="color" framespacing="n" > ... </frameset>

Листинг 10.1. Общий формат тега <frameset>

Атрибуты cols и rows определяют компоновку фреймов в окне браузера. cols используется для деления окна вертикально на два или более количество фреймов, а rows - для деления окна горизонтально на два или большее количество фреймов. Тег <frameset> может определять cols или rows , но не оба тега для одного и того же frameset.

Атрибут cols задает число и ширину фреймов в процентах от ширины окна браузера или как определенное число пикселей в ширину. Атрибут rows определяет число и высоту фреймов в процентах от высоты окна браузера или как определенное число пикселей в высоту. Обычно лучше использовать проценты для выражения размеров фреймов, так как они остаются пропорциональными, когда пользователь изменяет размер окна браузера.

Следующий документ frameset определяет окно с двумя вертикальными фреймами, первый из которых занимает 20%, а второй 80% ширины окна браузера. Получающийся набор фреймов показан на рисунке 10.2 как два смежных фрейма, разделенные границей.

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head> <title>Frameset Document</title> </head>

<frameset cols="20%,80%"> ... </frameset>

</html>

Листинг 10.2. Определение frameset с двумя столбцами (фреймами)

Отметим в приведенном выше коде, что страница не содержит тег <body> . Тег <body> заменен тегом <frameset>.

Вывод в браузере набора фреймов с двумя вертикальными фреймами

Рис. 10.2.  Вывод в браузере набора фреймов с двумя вертикальными фреймами

При использовании атрибута rows применяются те же правила, за исключением того, что набор фреймов создается как горизонтальные строки с фреймами, разделенными границами.

<frameset rows="20%,80%"> ... </frameset>




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



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