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



belarusweb.net

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

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

Тег <iframe> и его атрибуты
src, name, width, height

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

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

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

В настоящий момент фреймы часто используются для размещения рекламных роликов или вставки мультимедийных объектов из других ресурсов. Известным примером может служить вставка на страницу сайта видеороликов с Youtube, что мы и реализовали в нашем примере 5.4, вставив на страницу ролик про нашего пса Саймона, но уже не со своего сервера, а с видеохостинга Youtube.

<!DOCTYPE html>
<html>
<head>
	<!--  Незабываем задавать служебные элементы  -->
	<meta charset="utf-8">	
	<base href="http://belarusweb.net/">
	<title>Фреймы</title>
</head>
<body>
		
	<!--  Код фрейма берем на Ютубе  -->
	<iframe width="560" height="315" frameborder="0"
	src="https://www.youtube.com/embed/PyQLv8S5bRI?rel=0" 
	allow="autoplay; encrypted-media" allowfullscreen></iframe>
	
</body>
</html>

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

Атрибут sandbox тега <iframe> и его атрибуты

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

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

Атрибут srcdoc тега <iframe>

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

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

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