Веб Навсегда.инфоHTML-теги → FRAMESET

Реклама


!!! Ваша ссылка здесь всего за 10 руб в месяц на всех страницах сайта!!!

FRAMESET

Описание элемента

Этот контейнер задаёт фреймовую структуру страницы и в нём располагаются сами теги фрейма - FRAME.

Этот контейнер заменяет собой контейнер BODY, но при этом теги FRAMESET могут быть вложенными и их может быть несколько. Таким образом можно создать сколь угодно сложную фреймовую структуру.

Фреймы очень удобный в некоторых случаях. Например у вас есть свой сайт и слева находится меню. Сайт состоит из 1000 HTML страниц. И в случае, если вы захотите добавить или изменить что-то в меню, то придётся редактировать все 1000 страниц.
Но можно сделать отдельную страницу с меню и на всех страницах сайта загружать меню из фрейма. Таким образом, в случае "чего" вам будет достаточно просто отредактировать файл с меню.

Однако, при всех кажущихся преимуществах не советую вам применять фреймы, в виду их достаточно весомых минусов, а именно:

  1. Поисковые системы не всегда хорошо индексируют фреймовые страницы. Ведь они по сути не содержат никаких ссылок. И это в свою очередь понижает страницу в поисковой выдаче. Не смотря на то, что поисковые системы развиваются в этом направлении, проблема до сих пор актуальна.
  2. Будут проблемы с выводом заголовка страницы: TITLE. Ведь заголовком будет TITLE, прописанный в фреймовом документе, а не в подгружаемой странице.
  3. Представьте, что человек при поиске перейдёт не на саму фремовыую страницу, а на одну из страниц, которая подгружается в фрейм. И естественно, что он при этом чего-нибудь не увидит - например меню сайта. И навряд ли посетитель будет мучится с навигацией - ему проще будет найти другой сайт.

Так что создание фреймов именно ввиду этих минусов не всегда оправдано. Да и при желании многие потребности, связанные с использованием фреймов, можно заменить скриптами, например на языке PHP.

Синтаксис

<frameset  { border bordercolor cols rows | frameborder | framespacing }={ "толщина" | "цвет" | "ширина" | "высота" | ( (1 || 0) || ( yes || no) ) | "значение" }>
<frame>
</frameset>

Возможные параметры

border - Устанавливает толщину границы фрейма.

bordercolor - Устанавливает цвет границы фрейма.

cols - Задает ширину фрейма или его пропорцию в колонках.

rows - Задает высоту фрейма или его пропорцию в строках.

frameborder - Задаёт отображать ли рамку вокруг фрейма.

framespacing - аналог параметра border - задает толщину границы.

Параметр BORDER

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

Возможные аргументы:
Целое положительное число. 0 - скрывает границу полностью.

Значение по умолчанию:
Зависит от браузера.

Параметр BORDERCOLOR

Устанавливает цвет текста в документе.

ВНИМАНИЕ:
Браузер Опера игнорирует этот параметр.

Возможные аргументы:
Цвет текста по названию или по шестнадцатеричному значению.

  1. По названию. Можно указать просто название некоторых цветов. Правда так поддерживаются далеко не все цвета. Но это более понятное название. Например, можно указывать так blue, red, green, darkred и т.д.
     
  2. По шестнадцатеричному значению в формате RGB.
    Это очень распространенный и наиболее универсальный вариант. Возможно вы видели, как какой-нибудь цвет обозначают примерно так: #AF9F1C. Это и есть шестнадцатеричный формат. В нём есть 4 составляющие:
     1) В начале идёт символ #
     2) Следующие 2 символа обозначают долю красного цвета (Red)
     3) Затем идут 2 символы обозначающие долю зелёного цвета (Green)
     4) И последние 2 символа указывают долю синего цвета (Blue)
    Двумя символами можно обозначит число от 0 до 255. Т.е. например 00 - это число 0, а FF - это число 255.

Значение по умолчанию:
Зависит от браузера.

Параметр COLS

Устанавливает ширину или пропорциональность колонок в фрейме.

Возможные аргументы:
Значения через запятую в виде пикселей, процентов или символа *. (* здесь означает дословно "использовать всё оставшееся доступное пространство")

Значение по умолчанию:
100%.

Параметр ROWS

Устанавливает высоту или пропорциональность колонок в фрейме.

Возможные аргументы:
Значения через запятую в виде пикселей, процентов или символа *. (* здесь означает дословно "использовать всё оставшееся доступное пространство")

Значение по умолчанию:
100%.

Параметр FRAMEBORDER

C помощью этого параметра можно управлять отображением границы между фреймами. Но обратите внимание, что при использовании вложенных фреймовых структур, в случае если у верхнего фрейма показ границы будет выключен - то и во вложенном FRAMESET не будет границы, независимо какое значение будет иметь данный параметр.

Возможные аргументы:
1
 или yes - граница будет отображена.
0 или no - граница будет скрыта.

Значение по умолчанию:
Отсутствует.

Параметр FRAMESPACING

Этот параметр по сути является по своему эффекту близким к параметру border. Но этот параметр является устаревшим, и хотя он по прежнему поддерживается браузерами - лучше использовать всё-таки border.

Возможные аргументы:
yes - полосы прокрутки всегда отображаются, независимо от содержимого.
auto - браузер сам решает, отображать полосы или нет, на основе содержимого.
no - полосы прокрутки никогда не отображаются, независимо от содержимого.

Значение по умолчанию:
auto

Примеры использования

Пример использования тега FRAMESET 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега FRAMESET.</title>
</head>

<frameset rows="25%,25%,*" cols="30%,70%" bordercolor="red">
<frame src="http://webforever.info" name="frm1">
<frame src="http://webforever.info/viev.phtml?cat=html&teg=FRAME" name="frm2">
<frame src="http://webforever.info/viev.phtml?cat=html&teg=FRAMESET" name="frm3">
<frame src="http://webforever.info/index.phtml?category=css" name="frm4">
<frame src="http://webforever.info/index.phtml?category=games" name="frm5">
<frameset rows="15px,25px" cols="70%,30%" frameborder="no">
<frame src="http://webforever.info/index.phtml?category=photo" name="frm1_2">
<frame src="http://webforever.info/index.phtml?category=prog" name="frm2_2">
<frame src="http://webforever.info/index.phtml?category=verstka" name="frm3_2">
<frame src="http://webforever.info/index.phtml?category=design" name="frm4_2">
</frameset>
<frame src="http://webforever.info/index.phtml?category=soft" name="frm6">
</frameset>

</html>