Главная/ HTML справочник | HTML теги: назначение, синтаксис, атрибуты, примеры./ Tags/ HTML тег iframe | назначение, синтаксис, атрибуты, примеры

Тег iframe

Последнее обновление: 26.02.2009

Тег <iframe> (inline frame — строчный фрейм ) — тег-контейнер для плавающего фрейма — автономной области на странице, в которую загружается самостоятельный документ, определяемый атрибутом src.

HTML: 3.2 | 4 / XHTML: 1.0 (Strict, Transmissional, Frameset) | 1.1

Синтаксис

<iframe>...</iframe>
Атрибуты

align задает выравнивание фрейма и способ обтекания текстом

  • absmiddle — центр фрейма по центру текущей строки
  • baseline — по базовой линии текущей строки
  • bottom — нижняя граница фрейма выравнивается по окружающему тексту (по умолчанию)
  • left — по левому краю окна. Текст обтекает справа
  • middle — центр фрейма по базовой линии текущей строки
  • right — по правому краю окна. Текст обтекает слева
  • texttop — верх фрейма выравнивается по самому высокому текстовому элементу строки
  • top — верх фрейма выравнивается по самому высокому элементу строки
allowtransparency Устанавливает, может ли фрейм быть прозрачным.
Отсутствует в спецификации HTML 4.01!
class определяет имя используемого класса
frameborder определяет наличие границ фрейма. 1 — есть граница, 0 — нет
height задает высоту фрейма
hspace отступ по горизонтали (по умолчанию 0).
Отсутствует в спецификации HTML 4.01!
id уникальный индетификатор
longdesc URL страницы с списанием фрейма
marginheight ширина верхнего и нижнего полей фрейма
marginwidth ширина левого и правого полей фрейма
name уникальное имя фрейма
scrolling управляет отображением полос прокрутки

  • yes — всегда присутствуют
  • no — не отображаются
  • auto — отображаются при необходимости (по умолчанию)
src URL файла, отображаемого в фрейме
style задает встроенную таблицу стилей
title всплывающая подсказка
vspace отступ по вертикали (по умолчанию 0).
Отсутствует в спецификации HTML 4.01!
width задает ширину фрейма
Пример

<iframe src="https://mpbox.ru/" width="600" height="240" align="top">
Текст для браузеров, неподдерживающих тег iframe
</iframe>
Рекомендации по использованию
  • закрывающий тег обязателен (</iframe>)
  • может содержать CDATA, строчные и блочные элементы
  • рекомендуется писать альтернативный текст между <iframe> и </iframe> для браузеров, не поддерживающих фреймы
  • обязательных атрибутов нет
  • используйте атрибут longdesc, чтобы сделать документ с фреймами доступнее для людей, использующих невизуальные браузеры. Этот атрибут задает ресурс, который предоставляет полное описание фрейма

При использовании фреймовых структур помните, что фреймы:

  • затрудняют индексацию сайта поисковыми системами;
  • уменьшают скорость загрузки сайта.

Фреймы применяются при построении больших информационных порталов, когда выбор определенной ссылки в одном фрейме не ведет к перегрузке всей страницы, а только страницы в данном фрейме. Однако, при использовании технологии AJAX можно обновлять определенные объекты без перегрузки всей страницы. Поэтому использование фреймов в настоящее время оправдано редко.

Твой код:

Результат: