Iframe html: примеры
Опубликовано: 01.09.2018
В 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 | Вертикальный отступ контента фрейма и его границей |
