IFrame (встроенный фрейм) - это HTML-тег, который позволяет встроить другой веб-сайт или документ на ваш веб-сайт. Вы можете встраивать веб-страницы, видео и карты в iframe. Сам по себе iFrame не представляет угрозы для безопасности вашего веб-сайта, но вы всегда должны использовать код iframe из надежных источников или веб-сайтов. Хакеры могут использовать скрытые фреймы для включения вредоносного кода на ваш сайт.
Встраивание контента с другого веб-сайта полезно, особенно если вы хотите законно и этично делиться контентом, который не принадлежит вам, поскольку встроенный контент не считается нарушением авторских прав. Кроме того, этот метод пригодится при обмене большими файлами, такими как видео, аудио или даже изображения, поскольку они не будут размещены на вашем веб-сайте.
Как преобразовать веб-страницу в код для вставки HTML
Лучший и самый простой способ встроить веб-страницу на ваш сайт - это вручную добавить код iFrame в HTML-виджет на вашем сайте.
- Скопируйте HTML тег ниже.
<iframe loading="lazy" src="https://victormochere.com" style="border:0px #ffffff none;" name="Victor Mochere" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="150px" width="300px" allowfullscreen></iframe>
- На своем веб-сайте добавьте HTML-виджет в то место, где должна отображаться встроенная веб-страница.
- Вставьте HTML тег, который вы только что скопировали в виджет HTML.
- Отредактируйте атрибуты кода в соответствии со своими требованиями, включая URL-адрес. Список атрибутов, выделенных ниже, поможет вам.
- Нажмите «ОК» или «Сохранить».
- Теперь у вас есть встроенный контент на ваш сайт или блог.
Атрибуты
Атрибут | Значение | Описание |
SRC | URL | Указывает URL-адрес веб-страницы/документа/карты/видео для встраивания. |
имя | текст | Задает имя . |
прокрутки | автоматический Да нет | Указывает, когда браузер должен предоставлять полосу прокрутки для фрейма: «авто» — только когда содержимое фрейма превышает его размеры, «да» — всегда показывать полосу прокрутки, «нет» — никогда не показывать полосу прокрутки. |
frameborder | целое | Рисует границу вокруг этого кадра. По умолчанию рамка кадра равна 1. Значение 0 удаляет границу вокруг этого кадра. |
MARGINHEIGHT | целое | Расстояние в пикселях между содержимым фрейма и его верхней и нижней границами. |
MARGINWIDTH | целое | Расстояние в пикселях между содержимым фрейма и его левой и правой границами. |
высота | пикселей | Определяет высоту . Высота по умолчанию 150 пикселей. |
ширина | пикселей | Определяет ширину . Ширина по умолчанию 300 пикселей. |
разрешить | правда ложный | Установите значение true, если можно активировать полноэкранный режим, вызвав метод requestFullscreen(). |
позволять | Указывает политику функций для . | |
исходный документ | HTML_код | Указывает HTML-содержимое страницы для отображения в . |
выравнивать | оставил центр правую | Выравнивание относительно окружающего контекста. |
политика реферера | нет-ссылающейся нет-реферер-когда-понижение рейтинга происхождения Происхождение-когда-кросс-происхождение общее происхождение строгое происхождение строгое происхождение, когда кросс-происхождение небезопасном URL | Указывает, сколько/какая информация о реферере будет отправлена при обработке атрибутов iframe. |
песочница | Allow-формы позволяют указка замок Allow-всплывающие окна позволяют-же-происхождения Allow-скрипты позволяют-топ-навигации | Включает дополнительный набор ограничений для содержимого в . |