Тег <iframe>
(сокращенно от inline frame) определяет встроенный фрейм, который содержит внешние объекты, включая другие веб-страницы.
Тип: | Block |
Контент: | Любой блочный, строчный или текст |
Открывающий тег: | Обязательный |
Закрывающий тег: | Обязательный |
Версия: | HTML 4, 5 |
Синтаксис
Базовый синтаксис тега <iframe>
выглядит следующим образом:
HTML / XHTML: <iframe src="URL" scrolling="auto|no|yes"> ... </iframe>
Примеры написания кода тега <iframe>
:
<iframe src="hello.html" width="400" height="300"
scrolling="auto">
<p>[Ваш браузер не поддерживает или в настоящее время не настроен на отображение фреймов. Однако вы можете посетить <a href="information.html">дополнительную информацию.</a>]</p>
</iframe>
Специальные атрибуты тега
В следующей таблице приведены атрибуты, которые относятся к тегу <iframe>
:
Атрибут | Значение | Описание |
---|---|---|
align |
left right top middle bottom |
Определяет выравнивание iframe относительно окружающих элементов. |
frameborder |
1 0 |
Указывает браузеру отображать или нет рамку вокруг iframe. |
height |
length | Определяет высоту iframe. |
longdesc |
URL | Указывает ссылку на длинное описание iframe. |
marginheight |
pixels | Определяет расстояние (в пикселях) между верхним и нижним краями iframe и его содержимым. |
marginwidth |
pixels | Определяет количество пробелов (в пикселях) между левым и правым краями iframe и его содержимым. |
name |
text | Назначает имя для iframe, на который будут ссылаться целевые ссылки. |
sandbox |
allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation |
Включает дополнительные ограничения для содержимого, которое может отображаться в iframe. |
scrolling |
yes no auto |
Определяет, появляются ли полосы прокрутки в iframe. |
seamless |
seamless |
Этот логический атрибут указывает, что iframe должен отображаться как часть содержащего документ. |
src |
URL | Определяет местоположение документа, который будет встроен в iframe. |
srcdoc |
HTML-code | Определяет HTML-содержимое страницы для встраивания в iframe. Этот атрибут переопределяет содержимое, указанное в атрибуте src, если оно присутствует. |
width |
length | Определяет ширину iframe. |
Глобальные атрибуты
Как и все другие HTML-теги, тег <iframe>
поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <iframe>
так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <iframe>
поддерживается во всех основных браузерах.