Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про HTML: iframe

Для чего используется тег <iframe>?

Этот вопрос проверяет понимание использования тега <iframe> для встраивания внешнего контента на веб-страницу, а также того, как взаимодействовать с другими сайтами через этот элемент.

Короткий ответ

Тег <iframe> используется для встраивания на страницу содержимого с другого веб-ресурса, например, другого сайта, видео с YouTube или карты. Он создает окно внутри текущей страницы, где загружается внешний ресурс. <iframe> полезен для интеграции стороннего контента, сохраняя при этом основную структуру страницы.

Длинный ответ

Тег <iframe> (от англ. "inline frame") позволяет вставлять в веб-страницу другой документ, например, содержимое другой веб-страницы, видео или карты. Это создает окно внутри текущей страницы, где загружается внешний ресурс. Применяется для встраивания видео с YouTube, карт с Google Maps, документов и других сайтов.

Пример:

<iframe src="https://www.example.com" width="600" height="400"></iframe>

Этот код встраивает сайт example.com на вашу страницу. Важно учитывать, что не все сайты разрешают встраивание через <iframe> по соображениям безопасности (например, некоторые сайты используют заголовок X-Frame-Options для защиты). 

Атрибуты width и height задают размеры окна.

Основное преимущество использования <iframe> — возможность интеграции внешнего контента без изменения основного кода страницы. Однако с ним следует быть осторожным из-за потенциальных уязвимостей в безопасности, связанных с загрузкой внешнего контента.

Уровень

  • Рейтинг:

    1

  • Сложность:

    4

Навыки

  • HTML

    HTML

Ключевые слова

#iframe

Подпишись на React Developer в телеграм