Html5 iframe: Тег | htmlbook.ru — Вебджем.рф | Создание и продвижение сайтов

Содержание

| HTML | WebReference

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

Синтаксис

<iframe>...</iframe>

Атрибуты

align: Определяет, как фрейм будет выравниваться по краю, а также способ обтекания его текстом.
allowfullscreen: Разрешает для фрейма полноэкранный режим.
frameborder: Устанавливает, отображать границу вокруг фрейма или нет.
height: Высота фрейма.
hspace: Горизонтальный отступ от фрейма до окружающего контента.
marginheight: Отступ сверху и снизу от содержания до границы фрейма.
marginwidth: Отступ слева и справа от содержимого до границы фрейма.
name: Имя фрейма.
sandbox: Позволяет задать ряд ограничений на контент загружаемый во фрейме.
scrolling: Способ отображения полосы прокрутки во фрейме.
seamless: Определяет, что содержимое фрейма должно отображаться так, словно оно является частью документа.
src: Путь к файлу, содержимое которого будет загружаться во фрейм.
srcdoc: Хранит содержимое фрейма непосредственно в атрибуте.
vspace: Вертикальный отступ от фрейма до окружающего контента.
width: Ширина фрейма.

Пример

<!DOCTYPE HTML> <html> <head> <meta charset=»utf-8″> <title>IFRAME</title> </head> <body> <iframe src=»page/banner.

html» align=»left»> Ваш браузер не поддерживает встроенные фреймы! </iframe> </body> </html>

Спецификация

Спецификация	Статус
WHATWG HTML Living Standard	Живой стандарт
HTML5	Рекомендация
HTML 4.01 Specification	Рекомендация

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.

Draft (Черновик спецификации) — первая черновая версия стандарта.

Браузеры


4	12	1	4	1	1


1	1	6	1

Браузеры

В таблице браузеров применяются следующие обозначения.

— элемент полностью поддерживается браузером;
— элемент браузером не воспринимается и игнорируется;
— при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Фреймы

См. также

Адаптивное встраивание
Добавление медиа-контента
Отзывчивый веб-дизайн
Отправка данных формы

Практика

Вставка JSFiddle
Имя фрейма
Картинка во фрейме
Размеры фрейма
Создание фрейма
Ссылка во фрейм
Ссылки во фрейме

Элементы HTML

Атрибуты

Значения

Типы элементов

Аудио и видео

Документ

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Формы

Фреймы

Тег iframe

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮Назад Полный HTML Ссылки Дальше ❯

Пример

Встроенный фрейм помечен следующим образом:

Пример

Встроенный фрейм помечен следующим образом:

<!DOCTYPE HTML>
<html>
<head>
<title>Тег IFRAME</title>
</head>
<body>

</body>

</html>

Пример

Пример содержания файла frame_b.htm

<h4>Frame B</h4>

</body>
</html>

Определение и использование

Тег <iframe> определяет встроенный фрейм.

Встроенный фрейм используется для встраивания другого документа в текущий документ HTML.

Поддержка браузера

Элемент
<iframe>	Да	Да	Да	Да	Да

Советы и примечания

Совет: Чтобы иметь дело с обозревателями, не поддерживающими <iframe>, добавьте текст между открывающим тегом <iframe> и закрывающим тегом </iframe>.

Совет: Используйте CSS для стиля <iframe> (даже для включения полосы прокрутки).

Различия между HTML 4,01 и HTML5

HTML5 добавил некоторые новые атрибуты, и несколько атрибутов HTML 4,01 удалены из HTML5.

Различия между HTML и XHTML

В XHTML атрибут name является устаревшим и будет удален. Используйте атрибут глобального идентификатора Вместо.

Атрибуты

= Новый в HTML5.

Атрибут	Значение	Описание
align	left right top middle bottom	Не поддерживается в HTML5. Задает выравнивание <iframe> в соответствии с окружающими элементами
frameborder	1 0	Не поддерживается в HTML5. Указывает, отображать ли рамку вокруг <iframe>
height	pixels	Задает высоту <iframe>
longdesc	URL	Не поддерживается в HTML5. Задает страницу, содержащую подробное описание содержимого <iframe>
marginheight	pixels	Не поддерживается в HTML5. Задает верхние и нижние поля содержимого <iframe>
marginwidth	pixels	Не поддерживается в HTML5. Задает левое и правое поля содержимого <iframe>
name	text	Задает имя <iframe>
sandbox	allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation	Включает дополнительный набор ограничений для содержимого в <iframe>
scrolling	yes no auto	Не поддерживается в HTML5. Указывает, отображать ли полосы прокрутки в <iframe>
src	URL	Задает адрес документа для встраивания в <iframe>
srcdoc	HTML_code	Задает HTML-содержимое страницы, которое должно отображаться в <iframe>
width	pixels	Задает ширину <iframe>

Глобальные атрибуты

Тег <iframe> также поддерживает Глобальные атрибуты в HTML.

Атрибуты события

Тег <iframe> также поддерживает Атрибуты событий в HTML.

Параметры CSS по умолчанию

В большинстве обозревателей элемент <iframe> будет отображаться со следующими значениями по умолчанию:

iframe:focus {
outline: none;
}

iframe[seamless] {
display: block;
}

❮Назад Полный HTML Ссылки Дальше ❯

HTML-тег iframe

❮ Назад Полный справочник HTML Далее ❯

Пример

Встроенный фрейм размечается следующим образом:

Попробуйте сами »

Другие примеры «Попробуйте сами» ниже.

Определение и использование

2 встроенный кадр используется для встраивания другого документа в текущий HTML-документ.0003

Совет: Используйте CSS для стилизации </code> (см. пример ниже).</p><p> <strong> Совет: </strong> Рекомендуется всегда включать заголовок атрибут для <code> <iframe> </code> . Это используется программами чтения с экрана, чтобы прочитать содержимое <code><center><ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-1812626643144578" data-ad-slot="4491286225"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center> <iframe> </code> является.</p><hr/><h3><span class="ez-toc-section" id="i-24"> Поддержка браузера </span></h3><table><tr><th> Элемент</th><th title="Chrome"/><th title="Internet Explorer / Edge"/><th title="Firefox"/><th title="Safari"/><th title="Opera"/></tr><tr><td> <iframe></td><td> Да</td><td> Да</td><td> Да</td><td> Да</td><td> Да</td></tr></table><hr/><h3><span class="ez-toc-section" id="i-25"> Атрибуты </span></h3><table><tr><th> Атрибут</th><th> Значение</th><th> Описание</th></tr><tr><td> разрешить</td><td> </td><td> Указывает политику функций для <iframe></td></tr><tr><td> разрешить полный экран</td><td> правда <br/> ложь</td><td> Установите значение true, если <iframe> может активировать полноэкранный режим, вызвав метод requestFullscreen()</td></tr><tr><td> разрешитьзапрос платежа</td><td> правда <br/> ложь</td><td> Установите значение true, если <iframe> из другого источника должно быть разрешено вызывать API запроса платежа</td><div id="yandex_rtb_1" class="yandex-adaptive classYandexRTB"></div> <script type="text/javascript">if(rtbW>=960){var rtbBlockID="R-A-744004-3";} else{var rtbBlockID="R-A-744004-5";} window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo:"yandex_rtb_1",blockId:rtbBlockID,pageNumber:1,onError:(data)=>{var g=document.createElement("ins");g.className="adsbygoogle";g.style.display="inline";if(rtbW>=960){g.style.width="580px";g.style.height="400px";g.setAttribute("data-ad-slot","9935184599");}else{g.style.width="300px";g.style.height="600px";g.setAttribute("data-ad-slot","9935184599");} g.setAttribute("data-ad-client","ca-pub-1812626643144578");g.setAttribute("data-alternate-ad-url",stroke2);document.getElementById("yandex_rtb_1").appendChild(g);(adsbygoogle=window.adsbygoogle||[]).push({});}})});window.addEventListener("load",()=>{var ins=document.getElementById("yandex_rtb_1");if(ins.clientHeight =="0"){ins.innerHTML=stroke3;}},true);</script> </tr><tr><td> высота</td><td> <i> пикселей </i></td><td> Задает высоту <iframe>.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/www.tutorialride.com/images/html/iframe-ex.jpg' /><noscript><img loading='lazy' src='/800/600/https/www.tutorialride.com/images/html/iframe-ex.jpg' /></noscript> Высота по умолчанию 150 пикселей</td></tr><tr><td> загрузка</td><td> нетерпеливый <br/> ленивый</td><td> Указывает, должен ли браузер загружать iframe немедленно или отложить загрузку iframe до тех пор, пока не будут выполнены некоторые условия</td></tr><tr><td> имя</td><td> <i> текст </i></td><td> Указывает имя <iframe></td></tr><tr><td> реферальная политика</td><td> без реферера <br/> без реферера при переходе на более раннюю версию <br/> происхождение <br/> происхождение-при-перекрестном происхождении <br/> одно и то же происхождение <br/> строгое происхождение-при-перекрестном происхождении <br/> небезопасный-url</td><td> Указывает, какую информацию о реферере отправлять при получение iframe</td><center><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1812626643144578" data-ad-slot="3076124593" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center></tr><tr><td> песочница</td><td> разрешить формы <br/> разрешить блокировку указателя <br/> разрешить всплывающие окна <br/> разрешить то же происхождение <br/> разрешить сценарии <br/> разрешить верхнюю навигацию</td><td> Включает дополнительный набор ограничений для содержимого в <iframe></td></tr><tr><td> источник</td><td> <i> URL-адрес </i></td><td> Указывает адрес документа для встраивания в <iframe></td></tr><tr><td> исходный документ</td><td> <i> HTML_код </i></td><td> Указывает HTML-содержимое страницы для отображения в <iframe></td></tr><tr><td> ширина</td><td> <i> пикселей </i></td><td> Задает ширину <iframe>.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/www.webhostinghub.com/help/images/stories/iframe/iframe-3.png' /><noscript><img loading='lazy' src='/800/600/https/www.webhostinghub.com/help/images/stories/iframe/iframe-3.png' /></noscript> Ширина по умолчанию 300 пикселей</td></tr></table><hr/><hr/><h3><span class="ez-toc-section" id="i-26"> Глобальные атрибуты </span></h3><p> Тег <code> <iframe> </code> также поддерживает глобальные атрибуты в HTML.</p><hr/><h3><span class="ez-toc-section" id="i-27"> Атрибуты событий </span></h3><p> Тег <code> <iframe> </code> также поддерживает атрибуты событий в HTML.</p><hr/><h3><span class="ez-toc-section" id="i-28"> Дополнительные примеры </span></h3><h4><span class="ez-toc-section" id="i-29"> Пример </span></h4><p> Добавление и удаление границ iframe (с помощью CSS):</p> <iframe src="/default.asp"> <br/>

<br/>

 Попробуйте сами »
 Связанные страницы 
 Учебник HTML: HTML Iframes
 Ссылка HTML DOM: Объект IFrame
 Настройки CSS по умолчанию 
 9 0002 Большинство браузеров будут отображать   </code> элемент со следующими значениями по умолчанию:</p> iframe:focus { <br/>   контур: нет; <br/> }</p><p> iframe[seamless] { <br/>   display: block; <br/> }</p><p> ❮ Предыдущий
Полный справочник HTML
Следующий ❯</p> <br/><h5><span class="ez-toc-section" id="i-31"> ПИКЕР ЦВЕТА </span></h5><hr/><hr/><hr/><p><h5><span class="ez-toc-section" id="i-32"> Лучшие учебники </span></h5> Учебное пособие по HTML <br/> Учебное пособие по CSS <br/> Учебное пособие по JavaScript <br/> Учебное пособие <br/> Учебное пособие по SQL <br/> Учебное пособие по Python <br/> Учебное пособие по W3.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/1.bp.blogspot.com/-6RwsVR42a8Q/VBIUs2--_wI/AAAAAAAADiY/-HkzkFB2iMI/s1600/2014-09-12_033214.jpg' /><noscript><img loading='lazy' src='/800/600/https/1.bp.blogspot.com/-6RwsVR42a8Q/VBIUs2--_wI/AAAAAAAADiY/-HkzkFB2iMI/s1600/2014-09-12_033214.jpg' /></noscript> CSS <br/> Учебное пособие по Bootstrap <br/> Учебное пособие по PHP <br/> Учебное пособие по Java <br/> Учебное пособие по C++ <br/> Учебник по jQuery <br/></p><p><h5><span class="ez-toc-section" id="i-33"> Основные ссылки </span></h5> HTML Reference <br/> CSS Reference <br/> JavaScript Reference <br/> SQL Reference <br/> Python Reference <br/> W3.CSS Reference <br/> Bootstrap Reference <br/> PHP Reference <br/> HTML Colors <br/> Java Reference <br/> Angular Reference <br/> jQuery Reference <br/></p><p> 902 46 лучших примеров</h5> Примеры HTML <br/> Примеры CSS <br/> Примеры JavaScript <br/> Примеры How To <br/> Примеры SQL <br/> Примеры Python <br/> Примеры W3.CSS <br/> Примеры Bootstrap <br/> Примеры PHP <br/> Примеры Java <br/> Примеры XML <br/> Примеры jQuery <br/></p><hr/><p> FORUM |
 О</p> W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения.
Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/onlineadview.files.wordpress.com/2011/11/1.jpg' /><noscript><img loading='lazy' src='/800/600/https/onlineadview.files.wordpress.com/2011/11/1.jpg' /></noscript> Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования,
куки-файлы и политика конфиденциальности.</p><p> Copyright 1999-2023 Refsnes Data. Все права защищены. <br/> W3Schools работает на основе W3.CSS.</p><h2><span class="ez-toc-section" id="_HTML-_iframe"> Атрибут HTML-песочницы iframe </span></h2><p> ❮ Тег HTML <iframe></p><h4><span class="ez-toc-section" id="i-34"> Пример </span></h4><p> <iframe> с дополнительными ограничениями:</p><p> <iframe src="demo_iframe_sandbox.htm" sandbox> 9000 3  Попробуйте сами » 
 Дополнительные примеры «Попробуйте сами» ниже.
 Определение и использование 
 Атрибут sandbox  включает дополнительный набор
ограничения для содержимого в iframe. При наличии атрибута песочницы   он будет:
 рассматривать содержимое как уникальное происхождение
 заблокировать отправку формы
 заблокировать выполнение скрипта
 отключить API
 запретить ссылки на другие контексты просмотра
 запретить контенту использовать плагины (через  <встроить> ,  <объект> ,  <апплет>  или другое)
 запрещает содержимому перемещаться по контексту просмотра верхнего уровня
 заблокировать автоматически запускаемые функции (например, автоматическое воспроизведение видео или автоматическую фокусировку элемента управления формы)
 Значение атрибута  песочницы  может быть
пусто (тогда все
применяются ограничения) или список разделенных пробелами предопределенных значений, которые
УДАЛИТ определенные ограничения.
 Поддержка браузера 
 Числа в таблице указывают первую версию браузера, которая полностью поддерживает атрибут.
 Атрибут 
 песочница  4,0  10,0  17,0  5,0  15,0
 Синтаксис 
 </p><h3><span class="ez-toc-section" id="i-38"> Значения атрибутов </span></h3><table><tr><th> Значение</th><th> Описание</th></tr><tr><td> ( <em> нет значения </em> )</td><td> Применяет все ограничения</td></tr><tr><td> разрешительные формы</td><td> Разрешает отправку формы</td></tr><tr><td> разрешить модальные окна</td><td> Позволяет открывать модальные окна</td></tr><tr><td> разрешить блокировку ориентации</td><td> Позволяет заблокировать ориентацию экрана</td></tr><tr><td> разрешить блокировку указателя</td><td> Позволяет использовать API блокировки указателя</td></tr><tr><td> разрешить всплывающие окна</td><td> Разрешает всплывающие окна</td></tr><tr><td> разрешить всплывающие окна для выхода из песочницы</td><td> Позволяет всплывающим окнам открывать новые окна без наследования песочницы</td></tr><tr><td> разрешить представление</td><td> Позволяет начать сеанс презентации</td></tr><tr><td> разрешить то же происхождение</td><td> Позволяет рассматривать содержимое iframe как происходящее из одного и того же источника</td></tr><tr><td> разрешить сценарии</td><td> Позволяет запускать скрипты</td></tr><tr><td> разрешить верхнюю навигацию</td><td> Позволяет содержимому iframe перемещаться по контексту просмотра верхнего уровня</td></tr><tr><td> разрешить активацию верхней навигации пользователем</td><td> Позволяет содержимому iframe перемещаться по контексту просмотра верхнего уровня,
 но только если инициировано пользователем</td></tr></table><hr/><h3><span class="ez-toc-section" id="i-39"> Дополнительные примеры </span></h3><h4><span class="ez-toc-section" id="i-40"> Пример </span></h4><p> Песочница <iframe>, позволяющая отправлять формы:</p><p> <iframe src="demo_iframe_sandbox_form.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/www.rocschool.com/public/uploads/images/20210803/42031627997897.png' /><noscript><img loading='lazy' src='/800/600/https/www.rocschool.com/public/uploads/images/20210803/42031627997897.png' /></noscript> htm" sandbox="allow-forms">
 Попробуйте сами »
 
 Пример 
 Песочница  с поддержкой сценариев:</p><p> <iframe class="lazy lazy-hidden" источник = " demo_iframe_sandbox_origin.htm" sandbox="allow-scripts">
 Попробуйте сами »
 ❮ Тег HTML </p> <br/><h5><span class="ez-toc-section" id="i-42"> ПИКЕР ЦВЕТА </span></h5><hr/><hr/><hr/><p><h5><span class="ez-toc-section" id="i-43"> Лучшие учебники </span></h5> Учебник по HTML <br/> Учебное пособие по CSS <br/> Учебное пособие по JavaScript <br/> Учебное пособие <br/> Учебное пособие по SQL <br/> Учебное пособие по Python <br/> Учебное пособие по W3.CSS <br/> Учебное пособие по Bootstrap <br/> Учебное пособие по PHP <br/> Учебное пособие по Java <br/> Учебное пособие по C++ <br/> Учебное пособие по jQuery <br/></p> 90 002<h5><span class="ez-toc-section" id="i-44"> Лучшие ссылки </span></h5> Справочник по HTML <br/> Справочник по CSS <br/> Справочник по JavaScript <br/> Справочник по SQL <br/> Справочник по Python <br/> Справочник по W3.CSS <br/> Справочник по Bootstrap <br/> Справочник по PHP <br/> Цвета HTML <br/> Справочник по Java <br/> Справочник по Angular <br/> Справочник по jQuery <br/></p><p><h5><span class="ez-toc-section" id="i-45"> Основные примеры </span></h5> Примеры HTML <br/> Примеры CSS <br/> Примеры JavaScript <br/> Примеры инструкций <br/> Примеры SQL <br/> Примеры Python <br/> Примеры W3.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/i.ytimg.com/vi/t2ByLmLnYJ8/sddefault.jpg' /><noscript><img loading='lazy' src='/800/600/https/i.ytimg.com/vi/t2ByLmLnYJ8/sddefault.jpg' /></noscript></div></div></div></article><nav class="navigation post-navigation" aria-label="Записи"><h2 class="screen-reader-text">Навигация по записям</h2><div class="nav-links"><div class="nav-previous"><a href="https://xn--90abhccf7b.xn--p1ai/raznoe/plagin-kommentarii-vordpress-15-plaginov-kommentariev-wordpress-wordpress.html" rel="prev">Плагин комментарии вордпресс: 15 плагинов комментариев WordPress | WordPress</a></div><div class="nav-next"><a href="https://xn--90abhccf7b.xn--p1ai/raznoe/webkit-font-smoothing-font-smooth-css-doka.html" rel="next">Webkit font smoothing: font-smooth — CSS — Дока</a></div></div></nav><div id="comments" class="comments-area"><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/html/html5-iframe-teg-htmlbook-ru.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://xn--90abhccf7b.xn--p1ai/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> <span class="required-field-message">Обязательные поля помечены <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Комментарий <span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p><p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p><p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='75739' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></main></div><div id="sidebar-primary" class="widget-area sidebar " role="complementary"><div class="sidebar-main"><div id="yandex_rtb_R-A-744004-7" class="yandex-adaptive classYandexRTB"></div>
<script type="text/javascript">
window.yaContextCb.push(()=>{Ya.Context.AdvManager.render({renderTo: "yandex_rtb_R-A-744004-7",blockId: "R-A-744004-7",pageNumber: 11,onError: (data) => { var g = document.createElement("ins");
                    g.className = "adsbygoogle";
                    g.style.display = "inline";
                        g.style.width = "300px";
                        g.style.height = "600px";
                        g.setAttribute("data-ad-slot", "9935184599");
                    g.setAttribute("data-ad-client", "ca-pub-1812626643144578");
                    g.setAttribute("data-alternate-ad-url", "https://chajnov.ru/back.php");
                    document.getElementById("yandex_rtb_[rtbBlock]").appendChild(g);
                    (adsbygoogle = window.adsbygoogle || []).push({}); }})});

window.addEventListener("load", () => {
var ins = document.getElementById("yandex_rtb_R-A-744004-7");
if (ins.clientHeight == "0") {
ins.innerHTML = stroke2;
}
}, true);
</script><section id="search-2" class="widget widget_search"><div class="zita-widget-content"><form role="search" method="get" id="searchform" action="https://xn--90abhccf7b.xn--p1ai/"><div class="form-content"> <input type="text" placeholder="search.." name="s" id="s" value=""/> <input type="submit" value="Search" /></div></form></div></section><section id="nav_menu-4" class="widget widget_nav_menu"><div class="zita-widget-content"><h2 class="widget-title">Рубрики</h2><div class="menu-2-container"><ul id="menu-2" class="menu"><li id="menu-item-19021" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19021"><a href="https://xn--90abhccf7b.xn--p1ai/category/css">Css</a></li><li id="menu-item-19022" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-19022"><a href="https://xn--90abhccf7b.xn--p1ai/category/html">Html</a></li><li id="menu-item-19023" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19023"><a href="https://xn--90abhccf7b.xn--p1ai/category/js">Js</a></li><li id="menu-item-19024" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19024"><a href="https://xn--90abhccf7b.xn--p1ai/category/adaptiv">Адаптивный сайт</a></li><li id="menu-item-19025" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19025"><a href="https://xn--90abhccf7b.xn--p1ai/category/verstk">Верстка</a></li><li id="menu-item-19026" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19026"><a href="https://xn--90abhccf7b.xn--p1ai/category/idei">Идеи</a></li><li id="menu-item-19028" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19028"><a href="https://xn--90abhccf7b.xn--p1ai/category/chego-nachat">С чего начать</a></li><li id="menu-item-19029" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19029"><a href="https://xn--90abhccf7b.xn--p1ai/category/sovety">Советы</a></li><li id="menu-item-19031" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19031"><a href="https://xn--90abhccf7b.xn--p1ai/category/shablon">Шаблоны</a></li><li id="menu-item-19027" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19027"><a href="https://xn--90abhccf7b.xn--p1ai/category/raznoe">Разное</a></li></ul></div></div></section></div></div></div></div><footer id="zita-footer"><div class="footer-wrap widget-area"><div class="bottom-footer"><div class="bottom-footer-bar ft-btm-one"><div class="container"><div class="bottom-footer-container"> © Компания <a href="http://вебджем.рф"> Вебджем.рф </a> 2009 - 2025 | Все права защищены.</a></div></div></div></div></div></footer> <noscript><style>.lazyload{display:none}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://xn--90abhccf7b.xn--p1ai/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script> <!-- noptimize -->
<style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script>new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script>
<!-- /noptimize --> <script defer src="https://xn--90abhccf7b.xn--p1ai/wp-content/cache/autoptimize/js/autoptimize_a5525df7354e9c4926a53db2b62ba665.js"></script></body></html>

Html5 iframe: Тег | htmlbook.ru

| HTML | WebReference

Синтаксис

Атрибуты

Пример

Спецификация

Браузеры

См. также

Практика

Элементы HTML

Атрибуты

Значения

Типы элементов

Тег iframe

Пример

Пример

Пример

Определение и использование

Поддержка браузера

Советы и примечания

Различия между HTML 4,01 и HTML5

Различия между HTML и XHTML

Атрибуты

Глобальные атрибуты

Атрибуты события

Похожие страницы

Параметры CSS по умолчанию

Популярное

HTML-тег iframe

Пример

Определение и использование

Связанные страницы

Настройки CSS по умолчанию

Определение и использование

`Поддержка браузера`

`Синтаксис`

Пример