Вторник, 24 Апрель 2018 11:22

iFrame тег

Автор

Оцените материал
(313 голосов)
IFrame тег IFrame тег

Iframe весьма полезный тег и с помощью него можно делать немыслимые вещи. Однако функционал тега iframe не безграничен. В этой статье я расскажу, какие параметры можно задавать тегу iframe и где его применять.

Тег <iframe> способен отображать содержимое веб-страницы внутри обычного документа (плавающий фрейм). Почти все современные браузеры поддерживают тег iframe, но на всякий случай добавляется текст "Плавающие фреймы не поддерживает Ваш браузер! Сорри!" Этот текст размещается перед закрывающим тегом </iframe>. Да-да! Закрывающий тег обязателен - не забывайте его добавлять, иначе ничего работать не будетУлыбаюсь

Пример тега iframe:

<iframe src="/write.html" width="1000" height="700" align="center" frameborder="no" scrolling="no">
Плавающие фреймы не поддерживает Ваш браузер! Сорри!
</iframe>

Тег iframe используется со следующими атрибутами:

align - всем известное выравнивание блока.
allowtransparency - этот атрибут позволяет сделать фон фрейма прозрачным (даже не знаю, как он может пригодиться).
frameborder - граница фрейма. Лично я всегда отключаю ее, совершенно не нужная опция.
height - высота фрейма. Встречал информацию, что можно указать данному атрибуту значение 100% или auto если загружаемое содержимое находится на том же домене. Но вроде там еще нужно дополнительный скрип, просто так не работает.
hspace - отступ от контента до фрейма по горизонтали.
marginheight - отступ от контента до фрейма сверху и снизу.
marginwidth - отступ от контента до фрейма слева и справа.
name - можно задать имя фрейма.
sandbox - можно задать ограничения на контент во фрейме (блокировать скрипты и формы), в целях безопасности.
scrolling - отображение/отключение полосы прокрутки.
seamless - отображает фрейм как часть самого документа.
src - атрибут, который указывает путь к документу, загружаемому во фрейме.
srcdoc - хранит содержимое фрейма непосредственно в атрибуте.
vspace - отступ от контента до фрейма по вертикали.
width - ширина фрейма. Можно использовать значение 100%.

Тег iframe можно использовать как душе угодно! Можно отображать на сайте какие-то блоки партнеров или свою собственную форму обратной связи, причем можно сделать увеличение или уменьшение содержимого блока iframe. Возможно, в другой статье опубликую рабочий код для этой цели.

Но есть и проблемы у тега iframe - он отображает содержимое только от начала страницы, то есть нельзя отображать, например, с середины страницы или только конец. Также нельзя задать отображение центра или правой части, отображается только слева.

Всем удачи и добра!

Прочитано 298 раз

Поделитесь с друзьями этой статьей!

Макс Пуля

Приветствую! Присоединяйтесь к сообществу Epic Blog и выражайте свои мысли.

epicblog.net

Оставить комментарий