Сышышь ты, выходи сюда,
поговорим !

Iframe html: примеры

Опубликовано: 01.09.2018

видео iframe html: примеры

Как сделать копию лендинга через iframe

В html есть интересный тег <iframe>, который создаёт плавающий фрейм, а простым языком - выводит на страницу сайта окошко, внутри которого находится другая страница.



Синтаксис очень простой, рассмотрим на примере фрейма, который предлагает размещать сайт youtube.com.

Вставивь этот код мы увидим:

Довольно все легко, нам в основном потребуется знать что в атрибуте src указывается адрес сайта, а в атрибутах width и height - ширина и высота.

Давайте создадим фрейм этого сайта, указываем адресс на главную страницу - http://daruse.ru и желаемые соотношения высоты и ширины:


Настройки отображения и оформление HTML элемента iframe

Ещё часто используют выравние окошка, аналогично, как и с текстом - атрибут align

Атрибуты iframe

align Выравнивание фрейма (left,right,center)
height Высота фрейма
width Ширина фрейма
allowtransparency Устанавливает прозрачный фон фрейма, через который виден фон страницы
frameborder Если установлен,то у фрейма будет рамка
hspace Горизонтальный отступ от фрейма до его контента
marginheight Верхний и нижний отступ между содержанием и границей фрейма
marginwidth Левый и правый отступ между содержанием и границей фрейма
name Имя фрейма
sandbox Даёт возможность указывать ограничения для фрейма
scrolling Способ показа полосы прокрутки во фрейме (auto, no, yes)
seamless Показ фрейма, как целое одного документа страницы
src Путь до страницы для фрейма
srcdoc Позволяет хранить содержимое фрейма внутри атрибута (srcdoc="html-код")
vspace Вертикальный отступ контента фрейма и его границей
rss