Iframe – что это?

Тег iframe (“inline frame”, то есть встроенный фрейм) – это один из важнейших элементов, который позволяет интегрировать на любую страницу вашего веб-ресурса отдельные окна с интерактивными медиа, документами и прочим содержимым из посторонних источников. Это один из старейших тегов, известный аудитории еще с 1997 года, поэтому то тут, то там возникают вопросы, нужны ли сегодня iframe и что вообще с ним можно сделать. Отвечаем подробно далее в тексте.

Как работает Iframe?

Iframe и его атрибуты поддерживают все браузеры, но периодически вы можете видеть призывы от девелоперов не использовать его. Это происходит от того, что если вы увлечетесь и вставите тег iframe несколько раз – загрузка страницы может быть замедлена в несколько раз. Однако пусть вас это не останавливает. Это элемент html iframe правильное использование которого даст вашему сайту возможность встроить треки SoundCloud или видео YouTube. А еще его довольно просто защитить, так что техника вашего пользователя будет в безопасности.

Пользоваться им тоже достаточно легко. И даже у начинающего разработчика не должно возникнуть вопросов. Так, если вам интересно как добавить видео на сайт html – просто используйте тег <iframe> в документе и вставьте в него код нужного вам контента.

Использование Iframe

Проще говоря, перед нами специальный элемент html, который позволяет демонстрировать на странице контент другого поставщика без функции прокрутки, ну или с ней – как захочет разработчик. Что делает тег iframe в каждом отдельном случае – помогает фоново загружать не одну, а сразу несколько страниц (с баннером, видеоконтентом, документом и прочее). Довольно часто сайты техподдержки, приложения к программам используют код фрейма – что это делает в данном случае легко объяснить. Так, в отдельном окошке сразу открывается нужный специалисту блок информации в виде окошка справки или чего-то подобного. 

Хотите узнать больше, как из iframe получить код и пользоваться его преимуществами на все 100% – обратите внимание на то, что предлагает Компьютерная школа Hillel. С ней вы быстро получите всю необходимую базу для работы и вопросов, для чего нужен тег iframe у вас точно больше не возникнет.

Как вставить Iframe на сайт

Вы можете использовать в современной верстке разнообразные iframe вставки, что это дает для ресурса и как это сделать – далее в тексте. Самый простой способ – использовать код:

<iframe src=»адрес вашего веб-ресурса» width=»ваше значение» height=»ваше значение» frameborder=»ваше значение»></iframe>. И все.

Известные вам атрибуты width и height как и раньше отвечают за высоту и широту встраиваемого окна, а показатель frameborder дает возможность сделать рамку вокруг него. 

С помощью такого тега вы оживите ваш веб-ресурс, не создавая отдельный видеоплеер с нуля, а также сможете размещать контент с уже известных сайтов. Еще раз повторим, что если вы увлечетесь такими фреймами – сайт будет грузиться дольше обычного, что не очень-то любят пользователи.

По материалам: https://itwiki.dev/ru/