Создание iframe. Как вставить в HTML iframe: пример использования. Что такое фреймы
Тег
Синтаксис для добавления фрейма:
, где src атрибут, который определяет местоположение документа или веб-сайта.Обращаю Ваше внимание, на то что некоторые сайты, например такие как поисковые системы, блокируют возможность размещения страницы сайта во фреймах, либо осуществляют переход по таймеру на свою «реальную» страницу.
Поддержка браузерами
Тег | Opera | IExplorer | Edge |
|||
---|---|---|---|---|---|---|
Да | Да | Да | Да | Да | Да |
Атрибуты
Атрибут | Значение | Описание |
---|---|---|
align | left right top middle bottom | Не поддерживается в HTML5.
Определяет выравнивание элемента в соответствии с окружающими элементами. |
frameborder | 0 1 | Не поддерживается в HTML5.
Указывает, следует ли отображать рамку вокруг элемента. |
height | pixels | Определяет высоту элемента. |
longdesc | URL | Не поддерживается в HTML5.
Указывает страницу, содержащую длинное описание содержания элемента. |
marginheight | pixels | Не поддерживается в HTML5.
Отступ сверху и снизу от содержания до границы фрейма. |
marginwidth | pixels | Не поддерживается в HTML5.
Указывает отступ слева и справа от содержания до границы фрейма. |
name | text | Задаёт имя элемента. |
sandbox | allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation | Включает дополнительный набор ограничений для содержания в элементе. |
scrolling | auto yes no | Не поддерживается в HTML5.
Указывает, отображать или нет полосы прокрутки в элементе. |
src | URL | Определяет адрес документа для встраивания в элемент. |
srcdoc | HTML_code | Указывает HTML-код, который будет показан во фрейме. |
width | pixels | Определяет ширину элемента. |
Пример использования
В этом примере мы возьмем в качестве загрузки во фрейм отличный сайт - TinyPng.com , который предоставляет возможность сжимать изображения, предназначенные к загрузке на Ваш сайт. Как правило, удаётся уменьшить размер изображений на 50%, а то и больше, что значительно уменьшает их объем, экономит дисковое пространство и увеличивает скорость загрузки страниц.