iframe

iframe

Iframe

iframe (фрейм) — отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне браузера.

Тег <iframe> создает плавающий фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы. Он является контейнером, содержание которого игнорируется браузерами, не поддерживающими данный тег. Для таких браузеров можно указать альтернативный текст, который увидят пользователи. Он должен располагаться между элементами <iframe> и </iframe>

Другими словами HTML тег <iframe> определяет встроенную область (рамку), которая может отображать содержимое отдельно взятого документа или даже другого веб-сайта в ограниченном пространстве на текущей веб-странице. Содержимое внутри области существует независимо от окружающей страницы. Две страницы: родительская и дочерняя, отображаемая в рамке, могут взаимодействовать друг с другом через JavaScript или серверный язык программирования.

В настоящее время использование фреймов для публичных сайтов не рекомендовано. Главным образом это связано с принципом работы поисковых машин, которые приводят пользователя к HTML-документу, являющемуся согласно задумке лишь одним из фреймов того, что автору сайта хотелось бы представить. Данный недостаток фреймов устраняется средствами JavaScript.

Синтаксис:

<iframe>...</iframe>
<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег IFRAME</title>
 </head>
 <body>  

 <iframe src="banner.html" width="468" height="60" align="left">
    Ваш браузер не поддерживает плавающие фреймы!
 </iframe>

 </body>
</html>

Атрибуты для iframe

Название Атрибута Функция
align Определяет как фрейм будет выравниваться по краю, а также способ обтекания его текстом.
allowtransparency Устанавливает прозрачный фон фрейма, через который виден фон страницы.
frameborder Устанавливает, отображать границу вокруг фрейма или нет.
height Высота фрейма.
hspace Горизонтальный отступ от фрейма до окружающего контента.
marginheight Отступ сверху и снизу от содержания до границы фрейма.
marginwidth Отступ слева и справа от содержания до границы фрейма.
name Имя фрейма.
sandbox Позволяет задать ряд ограничений на контент загружаемый во фрейме.
scrolling Способ отображения полосы прокрутки во фрейме.
seamless Определяет, что содержимое фрейма должно отображаться так, словно оно является частью документа.
src Путь к файлу, содержимое которого будет загружаться во фрейм.
srcdoc Хранит содержимое фрейма непосредственно в атрибуте.
vspace Вертикальный отступ от фрейма до окружающего контента.
width Ширина фрейма.