Pages

Wednesday, April 29, 2015

iframe

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

HTML3.2 | 4 / XHTML: 1.0 (StrictTransmissional, 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уникальный идентификатор
longdescURL страницы с списанием фрейма
marginheightширина верхнего и нижнего полей фрейма
marginwidthширина левого и правого полей фрейма
nameуникальное имя фрейма
scrollingуправляет отображением полос прокрутки
  • yes — всегда присутствуют
  • no — не отображаются
  • auto — отображаются при необходимости (по умолчанию)
srcURL файла, отображаемого в фрейме
styleзадает встроенную таблицу стилей
titleвсплывающая подсказка
vspaceотступ по вертикали (по умолчанию 0).
Отсутствует в спецификации HTML 4.01!
widthзадает ширину фрейма

Пример

<iframe src="http://xiper.net/" width="600" height="240" align="top">
Текст для браузеров, неподдерживающих тег iframe
</iframe>


Рекомендации по использованию

  • закрывающий тег обязателен (</iframe>)
  • может содержать CDATAстрочные и блочные элементы
  • рекомендуется писать альтернативный текст между <iframe> и </iframe> для браузеров, не поддерживающих фреймы
  • обязательных атрибутов нет
  • используйте атрибут longdesc, чтобы сделать документ с фреймами доступнее для людей, использующих невизуальные браузеры. Этот атрибут задает ресурс, который предоставляет полное описание фрейма
При использовании фреймовых структур помните, что фреймы:
  • затрудняют индексацию сайта поисковыми системами;
  • уменьшают скорость загрузки сайта.
Фреймы применяются при построении больших информационных порталов, когда выбор определенной ссылки в одном фрейме не ведет к перегрузке всей страницы, а только страницы в данном фрейме. Однако, при использовании технологии AJAX можно обновлять определенные объекты без перегрузки всей страницы. Поэтому использование фреймов в настоящее время оправдано редко.
Твой код:
<html>
 <head> 
<title></title> 
</head> 
<body> 
<iframe src="http://www.xiper.net/" width="600" height="240" align="top">Текст для браузеров, неподдерживающих тег iframe</iframe>
 </body>
 </html>
Тег <iframe> иногда уместно использовать для исправления некотрых багов IE6, наример для перекрытия select. С данным приемом можно ознакомиться в статье как перекрыть select в IE6.