Шрифт:
• name – задает имя фрейма, позволяя использовать его в качестве целевого фрейма в гиперссылках;
• src – URI документа, содержимое которого отображается в окне фрейма;
• noresize – булев атрибут, блокирует возможность изменения размера окна фрейма;
• scrolling – позволяет показать или убрать полосы прокрутки в окне фрейма, может принимать значения yes (показать полосы прокрутки), no (не отображать полосы прокрутки) или auto (используется по умолчанию: показать полосы прокрутки только в том случае, если содержимое не умещается в окне фрейма);
• frameborder – указывает, должен ли браузер показывать рамку окна фрейма, может принимать значения 1 (рамка показывается, как на рис. 8.1, используется по умолчанию) или 0 (рамка не показывается);
• marginwidth – задает расстояние между границами фрейма и его содержимым по горизонтали (в пикселах);
• marginheight – задает расстояние между границами и содержимым фрейма по вертикали.
Ранее было затронуто понятие вложенных фреймов. Теперь пришло время рассмотреть вложение фреймов подробно. В HTML фреймы могут вкладываться друг в друга любое количество раз. Это находит применение тогда, когда нужно разбить окно браузера, например так, как сделано на рис. 8.1. Изучите внимательно следующий фрагмент.
<FRAMESET cols = «200, *»>
<FRAMESET rows = "70%, *">
<FRAME src = "page1.html">
<FRAME src = "page2.html">
</FRAMESET>
<FRAME src = "page3.html">
</FRAMESET>
Здесь создается внешний набор из двух фреймов, занимающих всю высоту окна браузера. При этом в левом фрейме внешнего набора создается еще один набор фреймов. Нужно заметить, что блок <FRAMESET>…</FRAMESET> аналогичен одному элементу FRAME (описывает содержимое одного фрейма из внешнего набора). Анализируя приведенный выше фрагмент, можно однозначно сказать, что левый фрейм внешнего набора разбивается, а в правый фрейм загружается содержимое документа page3.html.
Существует еще одно примечательное отличие документа, описывающего набор фреймов, – в нем нет тела (элемента BODY). В таком документе не допускается наличие содержимого, кроме определения набора фреймов.
8.3. Новые возможности гиперссылок
Практически в самом начале этой главы было сказано, что с помощью фреймов можно организовать навигацию по сайту таким образом, что загружаться с сервера будет только необходимая информация, а все статичные части (например, список ссылок сайта, название сайта и т. д.) не будут подвергаться изменениям или перезагрузке с сервера. Такая возможность достигается указанием целевого фрейма для гиперссылок, при переходе по которым необходимо изменять только содержимое одного из фреймов.
Целевой фрейм отдельных гиперссылок
Для указания целевого фрейма каждой гиперссылки, то есть фрейма, в котором будет показано содержимое открываемого по ссылке HTML-документа, используется атрибут target. Значением этого атрибута может быть либо имя нужного фрейма (значений атрибута name этого фрейма), либо одно из следующих предопределенных строковых значений:
• _blank – открыть документ в новом окне;
• _self – открыть документ в том же окне, где находится гиперссылка;
• _parent – открыть документ в окне родительского фрейма (аналогично _self, если фрейм, в котором находится гиперссылка, не имеет родителя);
• _top – заменить содержимое окна браузера содержимым открываемого документа, отменяя все созданные ранее фреймы.
Атрибут target поддерживается для всех HTML-элементов, позволяющих создавать гиперссылки: A, LINK, AREA.
Теперь для закрепления полученных знаний переделаем документ из примера 7.11 предыдущей главы, поместив ссылки, название и текст сайта в отдельные фреймы.
Документ с описанием набора фреймов будет иметь имя index.html. Его содержимое приведено в примере 8.2.
<HTML>
<HEAD>
<TITLE>Новый сайт с фреймами</TITLE>
</HEAD>
<FRAMESET cols = "130, *">
<FRAME src = "links.html" frameborder = 0>
<FRAMESET rows = "65, *">
<FRAME src = "title.html" scrolling = no marginwidth = 0
marginheight = 0 frameborder = 0>
<FRAME src = "start.html" name = textframe frameborder = 0>
</FRAMESET>
</FRAMESET>
</HTML>
В приведенном выше примере имя назначено только одному фрейму (правому нижнему). Именно в этом фрейме и будет отображаться содержимое документов.
В файле links.html находится документ с гиперссылками на файлы примеров (в него также добавлена ссылка на стартовую страницу). Предполагается, что файлы примеров расположены в папке Examples. Ниже приводится содержимое файла links.html (обратите внимание на задание значения атрибута target гиперссылок) (пример 8.3).
<HTML>
<TITLE>Ссылки на примеры</TITLE>
<BODY bgcolor = yellow>
<A href = "start.html" target = textframe>Текст главы</A>
<HR>
<A href = "examples/7.1.html" target = textframe>Пример 7.1</A>
<A href = "examples/7.2.html" target = textframe>Пример 7.2</A>
<A href = "examples/7.3.html" target = textframe>Пример 7.3</A>
<A href = "examples/7.4.html" target = textframe>Пример 7.4</A>
<A href = "examples/7.5.html" target = textframe>Пример 7.5</A>
<A href = "examples/7.6.html" target = textframe>Пример 7.6</A>
<A href = "examples/7.7.html" target = textframe>Пример 7.7</A>
<A href = "examples/7.8.html" target = textframe>Пример 7.8</A>
<A href = "examples/7.9.html" target = textframe>Пример 7.9</A>
<A href = "examples/7.10.html" target = textframe>Пример 7.10</A>
</BODY>
</HTML>