Фрейм делит окно браузера на несколько независимых панелей, каждая из которых содержит независимую HTML-страницу.
1. Основные понятия фреймворка
Пользователи могут загружать или перезагружать содержимое отдельных панелей через фреймы, не перезагружая все содержимое окна браузера. По отношению к фреймам набор фреймов, соответствующий всему окну браузера, называется набором фреймов.
В HTML используйте тег набора фреймов <frameset>, чтобы разделить фрейм страницы, и используйте строки атрибутов (или столбцы), чтобы указать количество строк (или столбцов) фрейма и долю занимаемого им окна.
Роль оконной рамы:
Это разделение веб-страницы на несколько HTML-страниц, то есть разделение экрана окна на несколько маленьких окон, и в каждом маленьком окне могут отображаться разные веб-страницы, а в браузере формируется целая страница, поэтому что в браузере Эффект одновременного просмотра разных веб-страниц.
Основные возможности фреймовых веб-страниц:
Не меняя макет всей страницы, HTML-страницы можно связать друг с другом для достижения цели получения необходимого контента без перелистывания страницы. Эта особенность во многом делает ее уникальной при отображении электронных документов.
2. Теги набора фреймов
Основной синтаксис:
<набор фреймов>
<фрейм>
<фрейм>
…
</frameset>
Объяснение синтаксиса: Набор фреймов — это HTML-страница, определяющая набор структур фреймов в документе. На этой странице нет тега <BODY>. Наборы фреймов определяют количество, размер и страницы загрузки фреймов, отображаемых в окне.
Примечание 1. Компонент рамки окна, определенный тегом <Frameset>, эквивалентен компоненту темы файла, определенному тегом <BODY>. Следовательно, тег <Frameset> не может быть включен в тег <BODY>, в противном случае тег <Frameset>. > тег не будет работать должным образом.
Примечание 2. Тег <Frame> используется для определения подокна. Поскольку закрывающий тег отсутствует, этот тег используется только для установки различных атрибутов в теге для управления представляемой им рамкой окна.
(1) Атрибуты левого и правого разделенного окна Cols
Основной синтаксис:
<frameset cols="значение,значение,...">
<фрейм>
<фрейм>
…
</frameset>
Объяснение синтаксиса: Значение определяет значение ширины каждого кадра. Единицей измерения может быть пиксели или проценты.
<html><head><title>dotcpp</title></head><framesetcols=30%,70%><frame><frame></frameset></html>
Эффект такой, как показано на рисунке:
(2) Атрибуты верхнего и нижнего разделенного окна. Строки.
Основной синтаксис:
<frameset rows="значение,значение,...">
<фрейм>
<фрейм>
…
</frameset>
Объяснение синтаксиса: Значение определяет значение ширины каждого кадра. Единицей измерения может быть пиксели или проценты.
<html><head><title>dotcpp</title></head><framesetrows=20%,*,20%><frame><frame><frame></frameset></html>
Эффект такой, как показано на рисунке:
(3) Вложенные разделенные окна
Основной синтаксис:
<frameset cols="значение,значение,...">
<фрейм>
<frameset rows="значение,значение,...">
<фрейм>
<фрейм>
…
</frameset>
<фрейм>
…
</frameset>
Объяснение синтаксиса: Сплиты могут быть вложенными.
<html><head><title>Вложенные разделенные окна</title></head><framesetcols=*,*><framesetrows=*,*><frame><frame></frameset><framesetrows=*, * ><frame><frame></frameset></frameset></html>
Эффект следующий:
(4) Атрибут ширины границы набора фреймов FrameSpacing
Основной синтаксис:
<frameset FrameSpacing="VALUE">
Объяснение синтаксиса: Установите ширину границы набора фреймов в пикселях.
(5) Атрибут цвета рамки набора рамок Bordercolor
Основной синтаксис:
<frameset BorderColor="COLOR_VALUE">
Объяснение синтаксиса: Установите цвет границы набора фреймов.
3. Тег кадра <Frame>:
(1) Атрибут исходного файла страницы кадра SRC
Основной синтаксис:
<frame src="ИМЯ_ФАЙЛА">
Объяснение синтаксиса: Каждый фрейм имеет отображаемую веб-страницу, а атрибут SRC устанавливает путь к файлу страницы фрейма.
(2)Атрибут имени кадра Имя
Основной синтаксис:
<frame src="FILE_NAME" name="Frame_name">
Объяснение синтаксиса: Вы можете дать название каждой ссылке. Имя используется для ссылки и описания страницы и не влияет на ее отображение.
Правила именования: одно слово может иметь подчеркивание «_», должно начинаться с буквы и чувствительно к регистру.
(3) Свойство отображения границы кадра FrameBorder
Основной синтаксис:
<frame src="FILE_NAME"frameborder="VALUE">
Объяснение синтаксиса: Если ЗНАЧЕНИЕ равно 0, граница не будет отображаться, а если равно 1, граница будет отображаться.
Примечание 1. Свойство Frameborder можно использовать для управления окружением рамки окна и возможностью ее отображения.
Примечание 2. Этот атрибут можно использовать в теге <Frameset> и теге <Frame>. При использовании в теге <Frameset> он может управлять всеми дочерними окнами оконного фрейма. При использовании в теге <Frame> можно управлять только подокном, представленным тегом.
Примечание 3: 0 означает не отображать линию кадра, 1 означает отображать линию кадра, а значение по умолчанию — 1.
(4) Свойство отображения полосы прокрутки кадра Прокрутка
Основной синтаксис:
<frame src="FILE_NAME" прокрутка="ЗНАЧЕНИЕ">
Объяснение синтаксиса: если значение ЗНАЧЕНИЕ равно ДА, полоса прокрутки будет отображаться, если значение НЕТ, полоса прокрутки отображаться не будет, а если значение АВТО, будет автоматически определяться, отображать ли полосу прокрутки на основе страницы. длина.
(5) Атрибут регулировки размера кадра NoResize
Основной синтаксис:
<frame src="FILE_NAME" NoResize>
Объяснение синтаксиса: NORESIZE запрещает изменение размера кадра.
(6) Атрибут ширины края рамки MarginWidth
Основной синтаксис:
<frame src="ИМЯ_ФАЙЛА"
МаргинВидс="значение">
Объяснение синтаксиса: MarginWidth устанавливает левое и правое поля кадра.
(7) Атрибут высоты края кадра MarginHeight
Основной синтаксис:
<frame src="ИМЯ_ФАЙЛА"
МаргинХигхт="значение">
Объяснение синтаксиса: MarginHeight устанавливает верхнее и нижнее поля фрейма.
4. Теги кадров не поддерживаются.
Для использования с браузерами, которые не поддерживают технологию фреймов.
Основной синтаксис:
<frameset cols="значение,значение,...">
<фрейм>
<фрейм>
…
<Без фреймов>
…
</Нофреймы>
</frameset>
5. Плавающая рама
Плавающий фрейм — это специальная страница-фрейм, которая вставляет подокна в окно браузера, а затем отображает в нем содержимое страницы.
Основной синтаксис: <IFRAME>……</IFRAME>
6. Фреймы и ссылки
Важной целью использования фреймов является отображение разных страниц в разных фреймах.
В основном с помощью атрибута «Цель» ссылки , чтобы установить рамку и окно, в котором отображается связанная страница.