С помощью фреймов Вы можете отобразить нескольких отдельных 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>
Обратите внимание: если браузер пользователя не сможет отобразить строковый фрейм он просто его пропустит.