HTML «iframe»: приклад умов для застосування
Далеко не кожен сайт може бути відображено в iframe. Перш ніж планувати на своєму сайті використання кадру, розробник повинен узгодити це з власником веб-ресурсу або документа, які він збирається відобразити на своєму сайті в тому чи іншому вигляді. Наприклад, відео з Youtube можна включити в тег кадру, як показано нижче (була натиснута права кнопка мишки на відео сайту розробника).
Копіюючи пропонований «HTML-код», можна безпечно вставити бажаний потік відеоінформації на свій сайт. В тегу буде зазначено все необхідне: і розміри та умови відображення. Зручно розмістити тег iframe» в HTML div – це дозволить виконати оптимальне позиціювання стороннього вмісту всередині власного сайту.
Рекурсія та кадри: практичний приклад
Сумнівно, що iframe чекає краща доля ніж frame. Розвиток парсинга і актуальність інформації, зібраної за критеріями, роблять примарними перспективи ідеї відображення чужого контенту у форматі «як є». Стає краще формат «як треба».
Однак, сьогодні ідеально (і в порядку речей) застосовувати напрацювання Google і Youtube, а також погодних, політичних, статистичних, музичних, ігрових і інших ресурсів, розрахованих на фреймовое або інше стороннє використання.
У наведеному вище прикладі є три HTML «iframe» приклад:
- карта Google;
- відео з іншого сайту;
- відео з Youtube.
Останній, четвертий кадр посилається на сайт, в якому знаходяться всі ці кадри. Картинка зліва – сайт після завантаження. Картинка праворуч – сайт в процесі відображення через деякий час (відео в кожному кадрі «тік» у своєму ритмі), але повзунок (4!) зміщений вниз. Добре видно, що карта і відео раніше відображені, але ось відображення самого себе не спрацювало.
Код для «iframe» і стиль для цього прикладу показаний нижче.
Розміщувати кадр в діві зручно не тільки з точки зору позиціонування. Фрейм можна створити на льоту. JavaScript дозволяє створювати HTML-теги, включаючи кадри. JavaScript – повнофункціональний мова, що обслуговує весь вміст сторінки HTML. Він може працювати рекурсивно, адаптивно, підлаштовуватися під інтереси відвідувача в процесі діалогу.
Фрейм не тільки статичний. Його контент відділений від вмісту сторінки, на якій він розміщений. Можна придумати способи обміну інформацією між фактично різними ресурсами, але це із серії задач обміну інформацією між різними доменами.
Але не тільки обмін інформацією і рекурсія не підвладні у повному обсязі HTML. Iframe – приклад тегу, який потрібно особливо пильно тестувати в конкретній ситуації перш ніж використовувати.
Далеко не кожен сайт згоден і далеко не кожен контент доступний. Питання не тільки в авторських правах. Вплинути на можливість відображення інформації в кадрі може браузер, відвідувач, розробник ресурсу або сервер, на якому розміщений ресурс.
