Фреймы, атрибут name и плавающий фрейм

Обратимся к примеру фрейм - документа, если нажать на ссылки меню расположенные в левом фрейме, то откроется документ, на который ведет ссылка в том же окне, в котором находится документ с меню.
Для того чтоб открыть документ на который ведет ссылка в другом фрейме(в нашем примере это будет фрейм с основным содержанием), а документ с меню остался на своем месте используется атрибут name для тега <frame>.
Но все по порядку, для начала создаем документ Html, который будет содержать в себе ссылки меню и назовем его menu.html.

  <html>
<head>
<title>Моя первая страничка меню</title>
</head>
<body>
<a href="stihi.html">Меню 1</a>
<br>
<a href="primer.html">Меню 2</a>
<br>
<a href="photo.html">Меню 3</a>
<br>
<a href="big.jpg">Меню 4</a>
<br>
<a href="photo.jpg">Меню 5</a>
</body>
</html>
    посмотреть

Теперь в уже существующем документе menu.html для каждой ссылки укажем параметр target="window1", этим мы укажем браузеру, что данные ссылки будут открываться во фрейме с именем window1

  <html>
<head>
<title>Моя первая страничка меню</title>
</head>
<body>
<a href="stihi.html" target="window1">Меню 1</a>
<br>
<a href="primer.html" target="window1">Меню 2</a>
<br>
<a href="photo.html" target="window1">Меню 3</a>
<br>
<a href="big.jpg" target="window1">Меню 4</a>
<br>
<a href="photo.jpg" target="_top">Меню 5</a>
</body>
</html>

И вот теперь при помощи атрибута name задаем то самое имя фрейма (в данном примере это имя window1) в котором будут открываться ссылки меню для которых был прописан атрибут target с именем фрейма window1

  <html>
<head>
<title>Моя первая страница с фреймами</title>
</head>
<frameset rows="100,*">
<frame src="logotip.html" scrolling="no" marginwidth="0" marginheight="0">
<frameset cols="150,*">
<frame src="menu.html">
<frame src="primer.html" name="window1">
</frameset>
</frameset>
</html>
    посмотреть

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

Случаются моменты когда нужно, чтобы документ на который ведет ссылка открывался во все окно браузера, для этого нужно для атрибута target указать значение _top, в выше изложенном примере такое значение реализовано на ссылке "Меню5".

Следующим шагом в изучении фреймов будет, "плавающий фрейм" или встроенный фрейм <iframe>
Для плавающего фрейма не нужно создавать отдельный фрейм-документ. <iframe> позволяет вставить один html-документ в другой.
Выглядит это вот так:

Создается такой фрейм при помощи вот такой не хитрой записи:
<iframe src="stihi.html" width="500" height="250" frameborder="1"></iframe>

При помощи атрибута src указываем путь к документу который хотим открыть во фрейме, атрибутами width и height задаем ширину и высоту фрейма соответственно, атрибут frameborder говорит браузеру, отображать границы фрейма или нет (1 - отображать, 0 - не отображать).


Вернуться назад Перейти к следующей странице



2009 - 2018г. andron09_73@mail.ru