Тег <iframe>

Описание

Тег <iframe> (inline frame) создает встроенный фрейм для отображения другого HTML-документа внутри текущей страницы. Поддерживает мультимедийный контент, веб-страницы и интерактивные элементы.

Вставка видео с YouTube:
<iframe width="560" height="315" src="https://www.youtube.com/embed/bWetnjXGa4M?si=Y-RQTSFvCsG7gDX1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen> </iframe>

Рекомендации по безопасности:

  • Всегда используйте sandbox для ненадежных источников
  • Ограничивайте права с помощью allow
  • Указывайте referrerpolicy для защиты данных
  • Для видео используйте параметр ?rel=0 на YouTube
  • Добавляйте альтернативный контент внутри тега

Тег <iframe> требует осторожного использования из-за рисков безопасности, но остается незаменимым для встраивания стороннего контента.

Атрибуты

allow Определяет политики разрешений для фрейма
allowfullscreen Разрешает полноэкранный режим
allowpaymentrequest Разрешает API Payment Request
height Высота фрейма в пикселях
loading Стратегия загрузки (lazy|eager)
name Имя фрейма для целевых ссылок
referrerpolicy Политика отправки referrer
sandbox Ограничения безопасности для фрейма
src URL содержимого фрейма
srcdoc HTML-содержимое фрейма
width Ширина фрейма в пикселях
accesskey Горячая клавиша для активации элемента
class CSS-классы для стилизации элемента
id Уникальный идентификатор элемента
style Инлайновые CSS-стили элемента
title Всплывающая подсказка для элемента
align Выравнивание фрейма (устарел)
frameborder Отображение границы (0|1) (устарел)
longdesc URL длинного описания (устарел)
marginheight Вертикальные отступы (устарел)
marginwidth Горизонтальные отступы (устарел)
scrolling Управление прокруткой (yes|no|auto) (устарел)

Поддержка браузерами
4.0 1.0 4.0 1.0 1.0