<iframe>
Встраивает другую страницу внутрь текущей: карту, видео, виджет.
Синтаксис
<iframe src="url" title="description"></iframe>Атрибуты
| Параметр | Тип | Описание |
|---|---|---|
| src | URL | Адрес встраиваемой страницы. |
| srcdoc | HTML | Необязательный. HTML-код страницы прямо в атрибуте. |
| title | text | Описание содержимого для программ чтения с экрана. |
| loading | lazy | Необязательный. Отложенная загрузка. |
| sandbox | list of permissions | Необязательный. Ограничивает возможности встроенной страницы. |
Примеры
Страница, заданная прямо в атрибуте:
<iframe
srcdoc="<h1 style='color: teal'>Inside the frame</h1>"
title="Demo frame"
width="300" height="100">
</iframe>Внешняя страница с ограничениями:
<iframe src="https://example.com" title="Example site"
width="320" height="180" loading="lazy" sandbox></iframe>Примечания
Многие сайты запрещают показывать себя во фрейме — тогда вместо страницы будет пустое место или ошибка. Обязательно задавайте title. Видео с YouTube и карты встраивают именно через <iframe>, скопировав код со страницы сервиса.
См. также
- <object>, <embed> — Встраивают внешний файл — например, PDF — средствами браузера.
- loading — Отложенная загрузка картинок и фреймов, которые пока не видны.
- <video> — Встраивает видео в страницу.
Вопросы и ответы по теме
В учебнике
- Встраивание страниц: iframe — Тег iframe — встраивание чужой страницы, карты и видео, размеры и title, srcdoc, отложенная загрузка и ограничения sandbox.