5.6. Плавающие фреймы
Браузеры последних версий позволяют использовать плавающие фреймы, добавляемые с помощью элемента IFRAME. Плавающий фрейм находится внутри обычного
документа, не содержащего тегов
, и позволяет добавлять на страницу любые другие независимые документы. В элементе I FRAME можно указывать те же атрибуты, что и в элементах, описывающих обычные фреймы. Кроме того, можно использовать следующие атрибуты: width, height, hspace, vspace, align, значения которых совпадают со значениями соответствующих атрибутов элемента IMG..
Из книги C++ автора Хилл Мюррей6.3 Плавающие и Целые Преобразования плавающих значений в целочисленный тип имеет склонность быть машинно-зависимым. В частности, напраление усечения отрицательных чисел различается от машины к машине. Если предоставляемого пространства для значения не хватает, то
Из книги Adobe Photoshop CS3 автора Завгородний ВладимирПлавающие палитры На плавающих палитрах размещается самая разнообразная информация и элементы управления. Каждая палитра содержит «тематическую» подборку настроек, так что все одновременно они не нужны при работе и можно переключаться от одного набора палитр к
Из книги Adobe InDesign CS3 автора Завгородний ВладимирТекстовые фреймы Одно из правил, которое следует накрепко запомнить дизайнерам, имеющим опыт работы в других программах: текст не может существовать сам по себе. В графических редакторах (будь то Photoshop, Illustrator или Corel Draw) мы можем щелкнуть кнопкой мыши в любом месте
Из книги AutoCAD 2009 для студента. Самоучитель автора Соколова Татьяна ЮрьевнаСвязанные текстовые фреймы При работе с большими фрагментами текста одного фрейма будет недостаточно. Во-первых, мы можем захотеть сверстать текст в несколько колонок. Это можно решить с помощью настроек собственно фрейма (об этом будет сказано в главе 13) или же создать
Из книги Интернет решения от доктора Боба автора Сворт БобОбъекты и фреймы Как мы уже говорили в главе 9, фреймы используются для размещения текста. В главе 12 мы узнаем, как (и зачем) использовать фреймы для размещения графических файлов. В этой же главе нам предстоит понять, что не существует сколько-нибудь значительной разницы
Из книги AutoCAD 2009. Начали! автора Соколова Татьяна Юрьевна Из книги Популярный самоучитель работы в Интернете автора Кондратьев Геннадий Геннадьевич2.1.8.1. Фреймы Фреймы это в действительности расширение HTML+, которое не поддерживается некоторыми web браузерами. Фреймы это свойство разделения вашей web страницы на две или более страниц. Основное свойство фреймом то, что каждый фрейм может иметь свое собственное имя и может
Из книги Фреймы для представления знаний автора Мински МарвинПлавающие видовые экраны Когда пользователь впервые переключается в пространство листа, графический экран пуст и представляет собой «чистый лист», где будет компоноваться чертеж. В пространстве листа создаются перекрывающиеся (плавающие) видовые экраны, содержащие
Из книги Интернет – легко и просто! автора Александров ЕгорФреймы и формы Рано или поздно вам встретятся страницы, содержащие в себе не только гиперссылки, но и фреймы с формами.ФреймыНередко интернет-страницы разделены (по замыслу разработчиков) на несколько независимых частей, которые называются фреймами . По сути, на
Из книги Самоучитель работы на Macintosh автора Скрылина СофьяГлава первая Фреймы Мне представляется, что теоретические исследования, проводимые в области искусственного интеллекта (ИИ) и психологии в целом были недостаточно общими для того, чтобы объяснить либо с практической точки зрения, либо феноменологически эффективность
Из книги AutoCAD 2009. Учебный курс автора Соколова Татьяна Юрьевна3.8. Фреймы в качестве парадигм «До тех пор, пока не была создана эта парадигма схоластов (средневековая теория „первого толчка“), маятники как таковые не были известны людям, а ученые видели в них только качающиеся камни. Существование маятников было открыто благодаря
Из книги AutoCAD 2008 для студента: популярный самоучитель автора Соколова Татьяна ЮрьевнаФреймы Фреймы позволяют разделить веб-страницу на несколько независимых окон и в каждом из них разместить отдельную веб-страницу. Спор о том, нужно это или нет, продолжается. Я скажу одно: при умелом использовании фреймов можно создать страницу-шедевр, а в противном
Из книги HTML, XHTML и CSS на 100% автора Квинт Игорь5.1.10. Плавающие и внутристрочные объекты Текстовый процессор Pages различает два вида объектов: плавающие и внутристрочные.Плавающие объектыПлавающие объекты не имеют привязки к тексту, ни форматирование символов, ни форматирование абзацев не влияет на положение объекта
Из книги автораПлавающие видовые экраны Когда пользователь впервые переключается в пространство листа, графический экран пуст и представляет собой «чистый лист», где будет компоноваться чертеж. В пространстве листа создаются перекрывающиеся (плавающие) видовые экраны, содержащие
Из книги автораПлавающие видовые экраны Когда пользователь впервые переключается в пространство листа, графический экран пуст и представляет собой «чистый лист», где будет компоноваться чертеж. В пространстве листа создаются перекрывающиеся (плавающие) видовые экраны, содержащие
Из книги автораГлава 5 Фреймы 5.1. Создание фреймов5.2. Границы фрейма5.3. Полосы прокрутки5.4. Ссылки внутри фреймов5.5. Изменение размеров фреймов5.6. Плавающие фреймы5.7. Управление пространством внутри фрейма5.8. Достоинства и недостатки фреймовФреймы (frames) – это HTML-элементы, позволяющие
Фреймы — это HTML-элементы, позволяющие разделить окно веб-браузера на несколько независимых окон, в каждое из которых можно загрузить отдельный HTML-документ. Каждое такое окно (фрейм) может иметь собственные полосы прокрутки и функционировать независимо от других независимых окон либо наоборот управлять их содержанием. Они могут применяться для организации постоянно находящегося в одном окне меню, в то время как в другом окне располагается непосредственно сама информация. Пользователи могут обращаться к меню в любой момент, и им не нужно возвращаться к предыдущей странице, чтобы выбрать другой пункт меню. Применение фреймов позволит вам «закрепить» в окне браузера изображения или другие неподвижные по замыслу элементы интерфейса, в то время как остальная часть страницы будет прокручиваться во фрейме.
Однако, стоит отметить, что в наши дни фреймы считаются устаревшим средством, а сайты с фреймами теперь считаются несолидными, так как профессиональные веб-мастера никогда не используют фреймы в своих проектах. С фреймами связан целый ряд печально известных проблем. Они, например, сбивают с толку поисковые машины, поскольку на страницах, которые содержат контент, нет ссылок на другие документы. Если вы хотите получать посетителей с поисковых систем, забудьте о фреймах. Понравившуюся страницу пользователю невозможно поместить в раздел закладки браузера, так как фреймы скрывают адрес страницы, на которой он находится, и всегда показывают только адрес веб-сайта. По этой причине они создают проблемы для браузеров при отслеживании хронологии и еще они не слишком приспособлены для разных размеров экранов и мобильных устройств.
Несмотря на то, что проекты с фреймами встречаются во всемирной паутине все реже, изучение HTML было бы неполным без рассмотрения темы о фреймах. У фреймов наряду с недостатками есть и некоторые достоинства, которые не позволяют отбросить эту технологию как бесперспективную.
Структура HTML-документа с фреймами внешне очень напоминает формат обычного HTML-документа. Как и в обычном HTML-документе, весь код помещен между парными тегами
и
, а в контейнере
располагаются заголовки. Основное отличие документа с фреймами от обычного HTML-документа — у документа с фреймами вместо тега
применяется парный тег
(от англ. frame set – набор фреймов).
В следующем примере приведена структура HTML-документа с фреймами:
| frame_top | |
| frame_left | frame_right |
В приведенном примере страница содержит три области, в каждую из которых первоначально загружаются HTML-документы frame_top.html, frame_left.html и frame_right.html. Помимо HTML-документов, фрейм может содержать и графику. Для этого необходимо указать адрес соответствующего изображения в атрибуте src
, например src="image.gif"
. Обратите внимание, что элемент
используется без закрывающего тега.
Внутри контейнера
могут содержаться только теги
или другой набор фреймов, охваченный тегами
и
.
Тег
имеет следующие атрибуты:
В значении атрибутов rows и cols необходимо указывать не количество строк или столбцов, а значение ширины и высоты фреймов. Все значения в списке разделяются запятыми. Размеры могут быть указаны в абсолютных единицах (в пикселах) или в процентах:
Как видно из данного примера, контейнер
с атрибутом rows
вначале создает два горизонтальных фрейма, а вместо второго фрейма подставляется еще один
, который разбивает нижний горизонтальный фрейм на две колонки с помощью атрибута cols
, левая колонка занимает занимает 20%, а правая 80% окна браузера.
Если браузер не поддерживает фреймы, то в окне будет отображен текст, расположенный между тегами
Элемент
Фреймы, которые размещаются в обычном HTML-документе в пределах тега < BODY> > с использованием тега < IFRAME> > , называются плавающими, его также называют строчным от сокращения английского термина «inline frame». Задание плавающего фрейма аналогично описанию тега < IMG> . Кратко перечислим только допустимые атрибуты тега:
SRC – задает URL-адрес загружаемого файла;
WIDTH , HEIGHT – определяют ширину и высоту плавающего фрейма;
ALIGN – устанавливает выравнивание фрейма относительно окна браузера;
MARGINWIDTH , MARGINHEIGHT , FRAMEBORDER SCROLLING – назначают размеры свободных полей, вывод рамки фрейма и полос прокрутки;
NAME – задает имя фрейма, используемого при определении целевого фрейма.
В отличие от обычных фреймов, размеры плавающего фрейма не могут быть изменены посетителем страницы, поэтому атрибут NORESIZE не входит в число допустимых атрибутов тега < IFRAME>
Пример схемы HTML-документа, содержащего плавающий фрейм, приведен ниже, а его отображение в браузере представлено на рис. 4.9.
Рис. 4.9. HTML-документ с плавающим фреймом
. Для этого оператора можно задавать параметр ALIGN, который задает выравнивание текста, расположенного около плавающего фрейма, параметры WIDTH и HEIGHT, задающие размеры фрейма, а также параметры HSPACE и VSPACE, которые применяются в операторе .
Еще один параметр, который допустим при описании плавающего фрейма - FRAMEBORDER. Он может принимать значения 1 или 0. Если значение этого параметра равно 1, плавающий фрейм заключается в трехмерную рамку (используется по умолчанию), а если 0 - рамка не отображается.
Параметр SCROLLING может принимать значения “yes”, “no” или “auto”. Если указано значение “yes”, окно плавающего фрейма будет иметь полосы просмотра. Если “no” - полос просмотра не будет. В том случае, когда для параметра SCROLLING указано значение “auto”, полосы просмотра будут создаваться только при необходимости, когда содержимое документа не помещается в окне фрейма.
Приведем исходный текст документа HTML, в который вставлен плавающий фрейм (листинг 6.1).
Листинг 6.1. Файл chap6\IFrames\home.htm
Если указано выравнивание по левой границе,
текст, расположенный рядом с плавающим фреймом, будет
расположен справа от фрейма
А этот текст располагается ниже фрейма.
В этом документе определен плавающий фрейм, в который загружается документ HTML, расположенный в файле include.htm (листинг 6.2).
Обратите внимание, что для выполнения принудительного перехода к новой строке после фрейма мы использовали оператор
с параметром CLEAR=LEFT.
Листинг 6.2. Файл chap6\IFrames\include.htm
Содержимое этого документа отображается внутри плавающего фрейма.
Оно отображается в окне, которое имеет вертикальную полосу просмотра.
Если содержимое документа, загруженного в плавающий фрейм, не помещается в окне фрейма, пользователь может пролистать его при помощи этой полосы просмотра.
