Так же показательно, что выравнивание встроенного фрейма на основе элемента Iframe осуществляется абсолютно так же, как мы это могли видеть при изучении картинок в Html — . Все тот же атрибут Align для тега Iframe с возможными значениями Bottom, Top, Middle, Left и Right.
Все эти атрибуты элемент Iframe унаследовал от подобных ему строчных элементов с замещаемым контентом (аля Img). Ну и еще у картинок элемент Iframe взял и атрибуты Hspace и Vspace, которые позволяют задать отступы от границ фрейма до обтекающего его текста.
Т.е. Iframe создает область, в которую загружается какой-то внешний файл (не важно с вашего ли сайта или же с другого ресурса). Ширина и высота области задаются с помощью атрибутов Width и Height, а в атрибуте Src указывается путь до внешнего для данной web страницы файла.
<iframe width="545" height="438" src="http://www.youtube.com/embed/fHaAsFZL1nQ"></iframe>
В данном примере показан вывод на web странице видеоролика с с помощью Iframe. Для того, чтобы ограничить область фрейма (окна), куда будет подгружаться внешний файл, предусмотрены атрибуты Width и Height в Iframe, значения которых задаются в пикселах:
<iframe src="http://www.youtube.com/embed/fHaAsFZL1nQ"></iframe>
Т.о. Iframe является сточным элементом, в который загружается внешний файл (например видеоролик). А для указания пути до этого файла, который должен подгружаться на странице, служит специальный атрибут Src тэга Iframe. Но в отличии от Img элемент Iframe парный, т.е. имеется еще и закрывающий тег:
Iframe является строчным элементом с замещаемым контентом потому, что ведет себя он в точности как строчный элемент, но вот внутри него отображается посторонний внешний контент. Таких элементов в языке Html всего четыре — Img, Iframe, Object и Embed. Поэтому тег Iframe подразумевает наличие внешнего файла, который будет подгружаться в область, размер которой задается с помощью атрибутов этого тега.
Элемент Iframe в отличии от фреймовых структур (Frame, Frameset) не требует замены тега Body на теги Frameset (читайте о классической фреймовой структуре чуть ниже по тексту). Т.е. тег Iframe можно будет вставлять на обычные web страницы, например, внутри параграфа или в любом другом месте. По своей сути элемент Iframe очень похож уже на рассмотренный нами элемент .
Если говорить про стандарт Html 5 (наше будущее, некоторые элементы которого уже поддерживаются многими браузерами), то там элементов Frame, Frameset и Noframes, а равно и фреймовой структуры уже не будет, вместо них для создания фреймов предусмотрен один единственный тег Iframe (встроенный фрейм), о котором мы и поговорим в начале, а потом уже все внимание обратим на классическую схему организации фреймовой структуры в Html (версии 4.01).
Iframe — встроенный фрейм в стандарте Html 5
Как создается структура фреймов в ? Если говорить про стандарт Html 4.01 (по классификации ), который является основным на текущий момент времени, то для этого используются три элемента — Frame, Frameset и Noframes.
Собственно, само название фрейм следует трактовать именно как самостоятельное окно. С помощью фреймов у нас появляется возможность разбить одно большое окно (web страницу или же окно приложения) на несколько окон (фреймов), которые в свою очередь могут служить приемниками для отдельных независимых друг от друга документов (web страниц, текстов, изображений, видео и т.п.).
В окно левого фрейма загружен файл с меню хелпа, а в окне правого фрейма выводится соответствующий выбранному пункту меню документ. Примечательно, что структура фреймов позволяет не подгружать в левое окно повторно файл с меню при открытии нового документа в окне правого фрейма. Именно в этом и состоит основное преимущество использования фреймов в Html.
Наверное, самый наглядный пример использования фреймов, с которым сталкивались практически все из вас — это так называемые файлы помощи, которые имеются у многих программ установленных на вашем компьютере.
Фреймы — что это такое? Фреймы могут использоваться не только на сайтах, но и в каких-либо приложениях к программам, но отличаются они тем, что окно web страницы или же приложения будет разделено на несколько областей, в каждую из которых загружен какой-то отдельный документ. Причем, эти области фреймов ведут себя не зависимо друг от друга.
Фреймы — что это такое (теги Iframe и Frame)
В конце статьи, после детального описания процесса создания встроенных фреймов (Iframe) и классической фреймовой структуры в Html (Frame и Frameset), мы затронем вопрос актуальности построения сайта на фреймах, а так же обсудим возможные способы применения фреймовой структуры в текущий период времени на примере моего блога.
Все о создании сайтов, блогов, форумов, интернет-магазинов, их продвижении в поисковых системах и заработке на сайте Iframe и Frame — фреймы в html, что это такое и как использовать фреймы (frameset) сейчас Рубрика: Здравствуйте уважаемые читатели блога . Сегодня речь пойдет о фреймах в языке Html. Понятное дело, что начнем мы сначала, а именно с того, что это такое за зверь — фрейм. Так же поговорим о настоящем (Frame) и будущем (Iframe) фреймов в языке гипертекстовой разметки текущей версии и в новом стандарте Html 5 при .
Iframe и Frame — фреймы в html, что это такое и как использовать фреймы (frameset) сейчас | KtoNaNovenkogo.ru - создание, продвижение и заработок на сайте
Комментариев нет:
Отправить комментарий