Тег iframe html пример

iframe, что такое iframe , где используется iframe код, примеры использования iframe , включение файлов с помощью iframe, в общем все вместим в одну страницу!

Подробно об iframе

1. Что такое iframe
2. Пример iframe в html
3. Плеер с html кодом iframe
4. Плюсы, минусы, отзыв о iframe

Что такое iframe

С самого начала нужно скачать, что такое iframe с точки зрения "html"?

iframe - это сдвоенный тег.

<iframе></iframе>

что такое iframe

Для того, чтобы разобраться, что такое iframe, нужно, хотя бы примерно понимать, что означает слово iframe

Как переводится слово iframe

Слово iframe имеет в свое составе части двух слов...

i - inline -> встроенный

frame -> рамка

Итого получается iframe => inline frame -> встроенная рамка.

Как пишут в учебнике :

Что такое iframe

IFrame или плавающий фрейм — отдельное окно, HTML-документ, который отображается вместе с другим содержимым страницы в окне браузера.

На что похож тег iframе?

Если вы изучали php, то include чем то похож на iframе! С множеством отличий! Например : на "include код" можно воздействовать, а на iframе нет!

И include исполнится после включения в код.

А iframе получает уже исполненный код.

Но самая главная их схожесть - получение контента с другого источника и вывод в месте "включения".




Пример iframe в html в php

Чтобы разобрать простой пример использования iframe мы должны его собрать!

Для примера iframe нам понадобится:

Страница откуда будем получать данные :

https://dwweb.ru/__a-data/__all_for_scripts/__examples/iframe/test_iframe.php

Далее внутри начального тега iframe помещаем атрибут src со значением выше приведенной ссылки:

<iframe src="https://dwweb.ru/__a-data/__all_for_scripts/__examples/iframe/test_iframe.php"></iframe>

Далее поставим приведенный код тега iframe прямо здесь:

Результат вывода другого документа с помощью iframe на данную страницу.

Как видим... мы получили данные с другой страницы с помощью тега "iframe"




Плеер с html кодом iframe

Самое первое, что приходит на ум по поисковому запросу Плеер с html кодом iframe - это встраивание контента youtube, скопировали код, там есть поделиться - встроить - копируем код.. вставляем на страницу...

<iframe width="720" height="405" src="https://rutube.ru/play/embed/456408c9e87adf08a53236e3d6c5da9b" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

Результат встраивания плеера через iframe




Плюсы, минусы, отзыв о iframe

Довольно не однозначная тема получилась...

Плюсы iframe

Когда-то у меня было несколько сайтов целиком построенных на iframe. Почему!? Я тогда только начинал и поддержки php там не было... я тогда и не знал, что есть php...

Минусы iframe

Постоянно выскакивают какие-то непонятные косяки. Как мне показалось, что iframe разрабатывалась под конкретные задачи.

Единственное для чего я использовал iframe - include - и это просто ужасно!

Выполнение скрипта, только внутри документа.

данные с основного файла вовнутрь через php не передаются

Отзыв о iframe

Прекратил пользоваться iframe, уже даже и не помню когда! В тот момент, когда открыл для себя include js - iframe перестал для меня существовать!

И следующий шаг был include php.

Первый свой платный домен купил в 2013 году, когда нас Яндекс первый раз кинул на narod.ru, а пользоваться iframe прекратил года за 2 до этого...

Использование тега iframe на сайте

На данном сайте тег iframe используется в двух случаях:

Встроить видео с трубы.

И несколько страниц, которые посвящены об тегу iframe