Iframe Generator
Генерация HTML-кода iframe с заданными размерами и атрибутами sandbox
Об этом инструменте
Генератор Iframe создаёт готовый к использованию код внедрения HTML `<iframe>`. Настройте URL источника, размеры, заголовок, поведение прокрутки, ленивую загрузку, разрешение полноэкранного режима и атрибут sandbox — затем скопируйте результат.
Все поля обновляют сгенерированный код в реальном времени. Данные не отправляются на сервер. Атрибут title обязателен для доступности: программы чтения с экрана озвучивают его, чтобы описать встроенный контент.
Как использовать
- Введите URL, который хотите встроить, в поле URL.
- Задайте ширину, высоту, заголовок, границу, прокрутку и параметры загрузки.
- При необходимости включите allowfullscreen и sandbox; если sandbox включён, выберите разрешения, которые нужно предоставить.
- Скопируйте сгенерированный код iframe и вставьте его в свой HTML.
Случаи использования
Разработчики встраивают видео с YouTube или Vimeo с точными размерами в пикселях. Frontend-инженеры встраивают карты, виджеты или сторонние инструменты с защитой sandbox. Дизайнеры создают портальные страницы, включающие внешний контент в общий поток.
Частые вопросы
- Что такое атрибут sandbox? — sandbox ограничивает то, что может делать встроенная страница (выполнять скрипты, отправлять формы, открывать всплывающие окна). Из соображений безопасности включайте только те разрешения, которые действительно нужны.
- Почему важен атрибут title? — Программы чтения с экрана используют title, чтобы описать встроенный контент слабовидящим пользователям. WCAG 2.1 требует осмысленного title у каждого iframe.
- Разрешит ли каждый сайт встраивать себя? — Нет. Сайты могут отправлять заголовки X-Frame-Options или Content-Security-Policy, блокирующие встраивание. Вы можете встраивать только те страницы, которые это явно разрешают.