Главная >Библиотека >Вокруг WEB >Как разместить Iframe

Как разместить Iframe

На заре сайтостроения веб-ресурсы широко использовали фреймы для отображения отдельных частей страниц. Но с приходом новой версии HTML 5 всё изменилось. Элементы разметки , и
На заре сайтостроения веб-ресурсы широко использовали фреймы для отображения отдельных частей страниц. Но с приходом новой версии HTML 5 всё изменилось. Элементы разметки , и
На заре сайтостроения веб-ресурсы широко использовали фреймы для отображения отдельных частей страниц. Но с приходом новой версии HTML 5 всё изменилось. Элементы разметки , и
На заре сайтостроения веб-ресурсы широко использовали фреймы для отображения отдельных частей страниц. Но с приходом новой версии HTML 5 всё изменилось. Элементы разметки , и

   На заре сайтостроения веб-ресурсы широко использовали фреймы для отображения отдельных частей страниц. Но с приходом новой версии HTML 5 всё изменилось. Элементы разметки frame frameset noframes признаны устаревшими. Заменой им стал один-единственный тег – iframe/

 Фрейм – основа большинства первых веб-страниц. Если переводить дословно, данное слово означает «кадр», то есть фрейм представляет собой небольшую часть страницы в браузере. Повсеместное использование фреймов в прошлом можно объяснить низким качеством и дороговизной интернет-трафика. Как правило, сайт разбивался на 3-5 частей, каждая из которых выполняла определённое назначение Разбивка страницы на части позволяла перегрузить лишь некоторую часть при её обновлении. Например, пользователь нажимал пункт меню, и в центральный фрейм закачивалось новое содержимое.

Рассмотрим пример добавления видео с YouTube во фрейм:

<!DOCTYPE html>
<html>
	<head>
		<title>Размещение видео с YouTube</title>
	</head>
	<body>
		<p>Размещение видео с YouTube</p>
		<iframe  width = "320" height = "240" src = "https://www.youtube.com/embed/d9TpRfDdyU0?autoplay=1?loop=1&start=28&color=white">
		</iframe>
	</body>
</html>
Фрейм – основа большинства первых веб-страниц. Если переводить дословно, данное слово означает «кадр», то есть фрейм представляет собой небольшую часть страницы в браузере. Повсеместное использование фреймов в прошлом можно объяснить низким качеством и дороговизной интернет-трафика. Как правило, сайт разбивался на 3-5 частей, каждая из которых выполняла определённое назначение: - Читайте подробнее на FB.ru: http://fb.ru/article/297968/kak-vstavit-v-html-iframe-primer-ispolzovaniya

Рассмотрим пример добавления фрейма своего сайта в свой сайт:

<!DOCTYPE html>
<html>
 <head>
  <title>Размещение видео с YouTube</title>
 </head>
   <style type="text/css">
    #block1{  overflow: hidden;    width:350px;    height:250px; }
   </style>
   <script type="text/javascript">
    function f(){document.getElementById('block1').scrollTop = 200; document.getElementById('block1').scrollLeft = 50; }
   </script>
     <body onload="f()">
       <div id="block1">
         <iframe src="http://Free-da.com/"  width="1024" height="1000" name="iframe1" scrolling="no"></iframe>
       </div>
    </body>
</html>