Встроенные фреймы, обычно называемые просто iframe, являются единственным типом фрейма, разрешенным в HTML5. Эти фреймы по сути являются частью вашей страницы, которую вы «вырезаете». В пространстве, которое вы вырезали из страницы, вы можете добавить внешнюю веб-страницу.
По сути, iframe - это еще одно окно браузера, установленное на вашей веб-странице. Вы видите фреймы кода, обычно используемые на веб-сайтах, которые должны включать внешний контент, например карту Google или видео с YouTube. Оба этих популярных веб-сайта используют фреймы во встраиваемом коде.
Как использовать элемент IFRAME
В элементе используются глобальные элементы HTML5, а также несколько других элементов. В HTML 4.01 также есть четыре атрибута:
- URL-адрес источника кадра,
- высота окна,
- ширина окна, и
- название окна.
Три новых в HTML5:
- Srcdoc: HTML-код источника кадра. Этот атрибут имеет приоритет над любым URL-адресом в src атрибут.
- Песочница: Список функций, которые должны быть разрешены или запрещены в окне фрейма.
- Бесшовные: Сообщает пользовательскому агенту, что iframe должен отображаться как невидимая часть родительского документа.
Чтобы создать простой iframe, установите исходный URL, а также ширину и высоту в пикселях:
Используйте процентное соотношение, а не установленный размер в пикселях для отзывчивый веб-сайт размер которых должен меняться в зависимости от размера экрана.
Поддержка браузера iframe
В iframe element поддерживается всеми современными настольными и мобильными браузерами. Однако некоторые браузеры еще не реагируют последовательно на три новых атрибута HTML5 для этого элемента.
Iframe и безопасность
В iframe сам по себе не представляет угрозы безопасности ни вам, ни посетителям вашего сайта. Iframe получили плохую репутацию, потому что они могут использоваться вредоносными веб-сайтами для включения контента, который может заразить посетителя. компьютер, не видя его на странице, путем включения ссылок, указывающих на невидимый iframe, и эти скрипты запускают вредоносные код.
Некоторые компьютерные вирусы внедряют невидимый iframe в ваши веб-страницы, эффективно превращая ваш сайт в ботнет.
Безопасность посетителей вашего сайта зависит от содержимого всех сайтов, на которые вы ссылаетесь. Если у вас есть основания считать сайт ненадежным, не ссылайтесь на него каким-либо образом.