belarusweb.net
© Петр Романовский Минск, 2016-2017.



belarusweb.net

Основы создания сайтов...
HTML >>>

5.4. Понятие фрейма. Тег <iframe>

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

Чтобы задать размеры области, выделяемой под фрейм, используются атрибуты width и height. А полный или относительный путь к загружаемому документу указывается в качестве значения его атрибута src.

Также фрейму можно задать уникальное имя при помощи атрибута name. В дальнейшем это имя можно использовать в качестве значения атрибута target гиперссылок для загрузки документов в указанный фрейм.

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

Разрешается через пробел указывать сразу несколько значений атрибута sandbox. Если атрибут указан без значения, то действуют все ограничения сразу.

Код документа, загружаемого во фрейм, может быть указан в качестве значения атрибута srcdoc, которое может содержать, как полный код html-документа, так и включать только содержимое тела документа. При одновременном использовании атрибутов srcdoc и src атрибут src игнорируется.

Использование фреймов в html-документе показано в примере 5.6 и на рис. 5.7.

<!DOCTYPE html>
<html>
<head>
	<!-- Незабываем задавать служебные элементы -->
	<meta charset="utf-8">	
	<base href="http://localhost/test/">
	<title>Фреймы</title>
</head>
<body>
	
	<p>События, происшествия, расследования.</p>
	
	<!-- Во фрейм будет загружена страница page_2.html -->
	<iframe src="page_2.html" sandbox="allow-same-origin" name="fr_1">
		Альтернативный текст указывается внутри контейнера.
	</iframe>
	
	<!-- Страница page_3.html будет загружена во фрейм -->
	<p><a href="page_3.html" target="fr_1">Смотреть дальше</a></p>
	
</body>
</html>

Пример 5.6. Использование элемента 'iframe'

Рис. 5.7. Отображение страницы с использованием элемента 'iframe' браузером

В настоящий момент фреймы часто используются для размещения рекламных роликов или вставки мультимедийных роликов из других ресурсов.

Пример использования фрейма для создания простейшей фотогалереи можно посмотреть на соответствующей странице нашего учебного сайта №1.

Контрольные вопросы и задания

  1. Что такое фрейм? Опишите его атрибуты.

Словарь новых английских слов

preload [ˌpriːˈləʊd] – предварительная загрузка.
loop [luːp] – петля, делать петлю.
muted [ˈmjuːtɪd] – приглушенный.
controls [kənˈtrəʊlz] – панель управления.
poster [ˈpəʊstə] – афиша, плакат.
plug in [ˈplʌɡ ɪn] – подключать.
frame [freɪm] – рамка, оболочка, фрейм.
allow [əˈlaʊ] – позволять, разрешать.
advertising [ˈadvətʌɪzɪŋ] – реклама.
form [ˈfɔːm] – форма, бланк, фигура.
pointer [ˈpɔɪntə] – указатель, стрелка.
lock [lɒk] – запирать, замок, затвор.
popup [ˈpəpʌp] – всплывающее меню.
same [seɪm] – то же самое, такой же.
origin [ˈɔːrɪdʒɪn] – источник, начало.
top [tɒp] – верхний, высший.
navigation [navɪˈɡeɪʃ(ə)n] – навигация.

Комментарии (0)
Петр Романовский
1. Приветствуются комментарии, которые содержат дополнения к материалу текущей страницы, а также ваши ответы на вопросы других пользователей.
2. Если вам что-то непонятно - спрашивайте, не забывая написать, что именно и с какого места.
Показаны все комментарии
Чтобы оставить свой комментарий, авторизуйтесь, пожалуйста!    
     
belarusweb.net © Петр Романовский, Минск, 2016-2017.
Связаться с автором
Наверх