Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <iframe>



Пример

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

<iframe src="https://www.schoolsw3.com" title="Schoolsw3 Бесплатные онлайн уроки"></iframe>
Попробуйте сами »


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

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

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

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

Совет: Это хорошая практика, всегда включать атрибут заголовка для <iframe>. Используется программами чтения с экрана для считывания того, что содержит <iframe>.


Поддержка браузеров <iframe>

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

Атрибуты <iframe>

Атрибут Значение Описание
allow   Определяет особенность политики <iframe>
allowfullscreen true
false
Установите значение true, если <iframe> может активировать полноэкранный режим, вызвав метод requestFullscreen()
allowpaymentrequest true
false
Установите значение true, если кросс-происхождение <iframe> должно быть разрешено вызывать Payment Request API
height pixels Задает высоту <iframe>. Высота по умолчанию составляет 150 пикселей
name text Указывает имя объекта <iframe>
referrerpolicy no-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
same-origin
strict-origin
strict-origin-when-cross-origin
unsafe-url
Указывает, сколько/какая информация о реферере будет отправлена при обработке атрибутов iframe
sandbox allow-forms
allow-pointer-lock
allow-popups
allow-same-origin
allow-scripts
allow-top-navigation
Включает дополнительный набор ограничений для содержимого в <iframe>
src URL Указывает адрес документа для встраивания в <iframe>
srcdoc HTML_code Задает HTML содержимое страницы для отображения в <iframe>
width pixels Задает ширину <iframe>. Ширина по умолчанию составляет 300 пикселей

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

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


Событие атрибутов <iframe>

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


Еще примеры <iframe>

Пример

Добавление и удаление границ iframe (с помощью CSS):

<iframe src="/index.php" width="100%" height="300" style="border:1px solid black;">
</iframe>

<iframe src="/index.php" width="100%" height="300" style="border:none;">
</iframe>
Попробуйте сами »

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

HTML учебники: HTML Ифреймы

HTML DOM справочник: Объект iframe


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

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

iframe:focus {
  outline: none;
}

iframe[seamless] {
  display: block;
}