Окно документа браузера может отображать только один файл веб -страницы, но он может отображать более одной страницы в одном и том же окне браузера, используя Framework. Страница с использованием кадра в основном содержит две части, одна - набор фреймов, а другая - конкретный файл кадра.
Структура в основном используется для макета бэкэнд или интранет -систем.
1. Frameset (<11mlet> </frameset>): он используется для определения этого HTML -файла в виде режима Framework и установить файл, как разделить окно. Проще говоря, набор Framework - это файл, в котором хранится структура фреймворта и файл входа, который обращается к файлу Framework. Если веб -страница состоит из двух левых и правых кадров, в дополнение к двум левым и правым файлам веб -страницы, существует также полный файл набора кадров. На странице, которая использует кадр, тег Body> Body заменяется тегом кадра <Frameset>. Для каждого кадра, содержащегося на странице кадры, он определяется тегом <11m>.Атрибут рядов: горизонтальное разделение окна. Горизонтальное разделение окна состоит в том, чтобы разрезать страницу в горизонтальном направлении, то есть разделить страницу на несколько окон, расположенных вверх и вниз. Многочисленные значения могут быть приняты в строках, каждое значение представляет горизонтальную ширину окна кадра, а его единицы могут быть пикселями или процентами браузера. Тем не менее, следует отметить, что, как правило, при настройке значений нескольких строк существует несколько структур, то есть существует соответствующее количество параметров <Frame>.
<html> <Head> <Teal> Эффект горизонтального окна расщепления </title> </head> <Frameset Rows = 30%, 70%> <Frame> <Frame> </frameset> </html>
Свойство Cols: вертикальное разделение окна. Вертикальное разделение окна - разделить страницу на несколько окон в вертикальном направлении, то есть разделить страницу на несколько окон, расположенных влево и вправо. Многочисленные значения могут быть приняты в Cols, каждое значение представляет горизонтальную ширину окна кадра, а его единицы могут быть пикселями или процентами браузера. То же самое, что и горизонтальное окно сегментации, обычно при установке значений нескольких Cols, существует несколько структур, то есть несколько параметров <Frame>.
<html> <Head> <Teal> эффект вертикального окна разделения </title> </head> <Frameset Cols = 20%, 55%, 25%> <Frame> <Frame> <Frame> <Frame> </Frameset> </html>
Свойство Frameborder: установленная граница. По умолчанию вокруг окна рамы есть пограничная линия. Параметр Frameborder можно использовать для регулировки отображения границы. Синтаксис:
<Frameset Frameborder =, отображается ли он> или <frameFrameBorder =, отображается ли он>. Значение Crameborder может быть только 0 или 1. Если значение равно 0, граница будет скрыта; Если значение равно 1, пограничная линия будет отображаться. Настройка в Frameset будет действительным для всей структуры, а настройка в кадре будет действительным только для текущей структуры.
<html> <Head> <Title> Установите эффект пограничного отображения окна рамы </title> </head> <RameSet Rows = 20%, 55%, 25%> <FrameFrameBorder = 1> <Frameset Cols = 35%, 65%Frameborder = 0> <Frame> <Frame> </Frameset> <CrameFrameForder = 0> </frameset> </html> </html> </html> </html> </htmleset> </html> </html> </htmlet>
Свойство кадров: ширина границы кадра. Ширина границы кадра по умолчанию по умолчанию составляет 1 пиксель, и ее можно изменить с помощью кадров параметров.
Синтаксис: <Frameset FrameSpacing = ширина границы>
Примечание. Ширина границы - это ширина линии между каждой границей на странице, в пикселях. Этот параметр может использоваться только для наборов структуры и недействителен для одной структуры.
<html> <Head> <Title> Установите ширину границы рамки </title> </head> <RameSet Rows = 30%, 70%кадровки = 10> <Frame> <Frameset Cols = 20%, 55%, 25%Framesset = 30> <Frame> <Frame> <Frame> </frameset> </frameset> </hml>
Собственность пограничной торы: цвет границы рамы. Используйте параметр Bordercolor, чтобы установить цвет границы набора рам.
Синтаксис: <Frameset Bordercolor = цветовой код>
ПРИМЕЧАНИЕ. Этот параметр также действителен только для всего набора структуры и не является действительным для одной структуры.
<html> <head> <title>Set the frame border color</title> </head> <frameset rows=30%,70% framespacing=10 bordercolor =#CC99FF> <frame> <frameset cols=20%,55%,25% framespacing=30 bordercolor =#9900FF> <frame> <frame> <frame> </frameset> </frameset> </html>2. Кадр (<кадр>) и атрибуты SRC.
Каждая страница в структуре структуры представляет собой отдельный текст, и эти файлы устанавливаются через параметр SRC.
Синтаксис: <frame src = адрес исходного файла страницы>
ПРИМЕЧАНИЕ. Файл страницы - это конкретное содержание страницы кадра. Он не влияет на кадр без установки исходного файла и просто пустой страницы. Исходным файлом страницы может быть обычный HTML -файл, или изображение или другой файл.
<html> <Head> <Title> установить исходный файл страницы </title> </head> <Frameset Rows = 30%, 70%> <Frame src = pic01.gif> <crame src = src01.html> </frameset> </html>3. <noframes> </noframes> теги
Тег <noframes> </noframes> используется для отображения содержимого страницы, когда браузер не поддерживает кадры.
<html> <frameset cols = 25%, 50%, 25%> <frame src =/example/html/frame_a.html> <frame src =/example/html/frame_b.html> <frame src =/example/html/frame_b.html> <crame src =/hatml/html/framt_b.html> <crame src =/html/html/html_b.html> <frame/html/html/html_b.html> <noframes> <body> Ваш браузер не может справиться с фреймворком! </body> </noframes> </frameset> </html>2. Плавающая рама (<iframe>)
Плавающая рама - это относительно особенная рама. Он гнездирует детское окно в окне браузера. То есть вся страница не является страницей кадров, но содержит окно кадра. Отобразить соответствующее содержимое страницы в окне кадра. Плавающие рамки также называются встроенными кадрами, и поэтому они названы.
Синтаксис: <iframe src = исходный файл страницы> </iframe>
ПРИМЕЧАНИЕ. Подобно обычной структуре кадра, плавающая рамка может также устанавливать много параметров, таких как имя, прокрутка, каркасбордер и т. Д. Однако, по сравнению с обычными рамами, плавающая рама не содержит параметров кадров и параметров пограничной торы.
Атрибут SRC: самый базовый параметр в плавающей структуре - SRC. Он используется для установления адреса исходного файла страницы Floating Framework, а также является необходимым параметром для страницы плавающей замыкания. Потому что только тогда, когда установлено содержание исходного файла, плавающая структура имеет смысл. Синтаксис: <iframe src = исходный файл страницы>
Свойства ширины и высоты: в нормальной структуре структуры, поскольку структура - это окно браузера, ему не нужно устанавливать его размер. Однако в плавающей раме он вставлен в обычную HTML -страницу, и вся рама может быть изменен. Синтаксис: <iframe src = src = плавающая страница страницы.
<html> <body> <iframe src =/i/eg_landscape.jpg width = 550 height = 310> </iframe> <p> Некоторые старые браузеры не поддерживают iframes. </p> <p> Если поддерживается, iframe не виден. </p> </body> </html>3. Пример макета структуры
<html> <head> <title>Frame homepage</title> </head> <frameset rows=20%,*><!--Frameset set, container for control file --> <frame name=topFame src=3.html noresize/> <frameset cols=240px,*> <frame name=leftFrame src=1.html/> <frame name=rightFrame src = 2.html marginwidth = 20px scrolling = no/> </frameset> <noframes> <!-Теги Noframes могут содержать теги тела-> <body> Эта страница не поддерживает теги кадров! </body> </noframes> </frameset> </html>4. Как выбраться из рамки ссылок
В макете бэкэнда веб -сайта фреймворки используются чаще. Во многих случаях нам нужно выпрыгнуть из рамки и перезагрузить страницу. Так как же ссылки могут вырваться из рамки? На самом деле, вам нужно только указать целевой атрибут тега <a> </a>, чтобы быть _top. Вот простой пример.
<html> <body> <p> он заблокирован в раме? </p> <a href =/index.html target = _top> Пожалуйста, нажмите здесь! </a> </body> </html>