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. Что такое фрейм? Опишите его атрибуты.

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

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.
Связаться с автором
Наверх