САМОУЧКА

Сайт для тех, кто хочет научиться

Наши публикации

<Предыдущая                              Следующая>

С помощью фреймов Вы можете отобразить нескольких отдельных HTML документов в одном окне браузера.

HTML фреймы

Обратите внимание: фреймы на данный момент считаются устаревшей технологией и не будут поддерживаться в HTML5 (это относится только к обычным фреймам, строковые фреймы рассмотренные далее в данной главе не считаются устаревшими). Не используйте обычные фреймы в своих проектах!

В одном окне браузера может быть отображено несколько веб-страниц, которые в данном случае будут называться фреймами.

С помощью HTML тэга <frameset> Вы можете описать как будут располагаться фреймы в окне браузера.

Тэг <frame> описывает один отдельный фрейм. В его атрибуте src должен указываться адрес документа, который будет отображен в данном фрейме.

Пример

<html>

<frameset cols="25%,50%,25%">

<frame src="fr_a.html" />

<frame src="fr_b.html" />

<frame src="fr_c.html" />

</frameset>

</html>

Размер фреймов

Размеры фреймов устанавливаются с помощью атрибутов тэга <frameset>. Размеры могут задаваться в пикселях (px) и процентах (%).

С помощью атрибута rows Вы можете установить высоту фрейма. Размеры для отдельных фреймов должны отделяться запятой.

Пример

<frameset rows="35%,35%,30%">

<frame src="fr_с.html" />

<frame src="fr_a.html" />

<frame src="fr_b.html" />

</frameset>

С помощью атрибута cols Вы можете задать ширину отдельного фрейма.

Пример

<frameset cols="25%,75%">

<frame src="fr_a.html" />

<frame src="fr_b.html" />

</frameset>

Обратите внимание: фрейм по умолчанию имеет видимую границу это значит, что пользователь может изменять его размер перетаскивая границу. Чтобы запретить перетаскивание границ Вы можете добавить атрибут noresize со значением "noresize" к тэгу <frame>.

Что делать, если браузер пользователя не поддерживает фреймы?

Если браузер пользователя не поддерживает фреймы Вы должны использовать тэг <noframes>. Значение этого тэга будет отображено только тем пользователям браузер которых не может отобразить фреймы.

Пример

<frameset cols="25%,75%">

<frame src="fr_a.html" />

<frame src="fr_b.html" />

</frameset>

<noframes>

<body><p> Ваш браузер не поддерживает фреймы. </p> </body>

</noframes>

Обратите внимание: При использовании тэга noframe Вы должны указывать тэг body как показано в примере выше.

Строковые фреймы

С помощью тэга <iframe> Вы можете вставить фрейм в любое место обычного HTML документа.

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

Ширина строкового фрейма задается с помощью атрибута width, а высоту с помощью атрибута height.

Пример

<iframe src='fr_a.html' width='400' height='150'></iframe>

<iframe src='fr_b.html' width='700' height='250'></iframe>

Обратите внимание: если браузер пользователя не сможет отобразить строковый фрейм он просто его пропустит.

  <Предыдущая                              Следующая>

Последние добавления

HTML для новичков

XHTML

CSS для новичков