Имена и целевые объекты фреймов
Загрузка страниц в конкретные фреймы состоит из двух стадий:
фрейму необходимо присвоить имя;
в качестве целевого объекта загрузки указать это имя.
Для задания имени используются атрибуты name и id.
Пример:
<frameset cols="25%, 75%">
<frame src="index.html"/>
<frame src="viewer.html" name="doc_viewer" id="doc_viewer"/>
</frameset>
!!! Для первого фрейма не задано имя, так как он содержит индекс, который никогда не будет целевым объектом.
Целевые объекты указываются с помощью атрибута target элемента <a>. Например, на индексной странице следует создать ссылку:
<a href="story1.html" target="doc_viewer"> Рассказ 1 </a>
Параметры </frame>
У элемента имеется ряд параметров:
- noresize – запрещает изменять размер фрейма;
- frameborder – граница – может принимать значения 1 (есть граница) и 0 (нет границы);
- scrolling (прокрутка) – принимает значения yes (постоянное отображение полосы прокрутки), no (отсутствие полосы) и auto (отображение в случае необходимости);
- marginwidth и marginheight (поля) – задаются в пикселах;
- longdesc – URL, где хранится описание данного фрейма.
Вложенные фреймы
Для создания и вертикального, и горизонтального набора фреймов используются вложенные элементы <frameset>
Пример:
Пусть необходимо получить в окне браузера картинку, как на рис. 4:
Рис. 4
<frameset rows="100, *">
<frame src="banner.html" scrolling="no" noresize="noresize"/>
<frameset cols="25%, 75%">
<frame src="index.html" noresize="noresize"/>
<frame src="viewer.html" marginwidth="5" marginheight="5"/>
</framset>
</frameset>
!!! Страницы banner.html, index.html, viewer.html в этом примере должны находиться в одном каталоге с данной страницей. В качестве содержания страницы включают абзацы, в которых указаны имена страниц.
Дополнительные возможности фреймов
Существуют зарезервированные значения атрибута target, которые позволяют указать целевой объект фреймов, не обращаясь к нему по имени.
Имеются следующие значения:
- _self – заставляет документ отображаться в том же фрейме, в котором расположена ссылка на него;
- _parent – открывает документ в окне, являющимся родительским по отношению к данному;
- _top – используя это значение, можно попытаться заставить документ загрузиться в текущем окне браузера, удалив при этом набор фреймов;
- _blank – позволяет открыть документа в новом окне браузера.
Элемент <iframe>
Данный элемент позволяет создавать независимые внутристрочные фреймы внутри обычного веб-документа (без использования контейнера <frameset>). Контейнер <iframe> может располагаться внутри <body> любой страницы.
!!! Элемент <iframe> относится только к стандарту переходного HTML (Transitional HTML).
Пример. Страница, использующая внутристрочный фрейм (рис.5). Страница extra.html содержит один абзац с текстом, который вы видите во вложенном фрейме.
<iframe src="extra.html" width="300" height="300" frameborder="1" scrolling=”yes” align=”right”>
Если вы видите этот текст, значит, ваш браузер не имеет поддержки
внутристрочных фреймов. Щелкните <a href=”extra.html”>Здесь</a>,
чтобы увидеть содержимое этого фрейма
</iframe>
Рис. 5
Ниже приведен полный текст разметки страницы для данного примера.
<!DOCTYPE html
PUBLIC "\/W3C//DTD XHTML 1.0 Transitional//EN"
"DTD/xhtml1-transitional.dtd">
<html xlmns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<p> Это основная страница </p>
<iframe src="extra.html" width="300" height="300"
frameborder="1" scrolling="yes" align="right">
Если вы видите этот текст, значит, ваш браузер не имеет поддержку
внутристрочных фреймов. Щелкните <a href="extra.html">Здесь</a>,
чтобы увидеть содержимое этого фрейма
</iframe>
</body>
</html>
Обратите внимание на контейнерный характер элемента <iframe>: текст, который в нем содержится, выводится на экран в том случае, когда браузер пользователя не имеет поддержки внутристрочных фреймов.
Элемент <iframe> имеет почти все те же атрибуты, что и <frame>, кроме того есть специфические атрибуты (высота) и (ширина), задающие размеры фрейма в пикселах. Еще есть атрибут align, делающий внутристрочный фрейм плавающим (значения данного атрибута – right и left).