10.4.1 Разница между кадром и кадром
Во -первых, давайте объясним разницу между кадром и рамкой.
<Frameset> </frameset> используется для разделения рамков, каждый кадр помечен <frame> </frame>. <Frame> </frame> должно использоваться в <Frameset> </frameset>, код заключается в следующем:
<Frameset Border = 1 FrameSpacing = 1 Bordercolor =#47478D Rows =* Cols = 180,*>
<Frame src = "inc/admin_left.htm" name = left scolling = no id = "слева">
<Frame src = "inc/admin_center.htm" name = main scrolling = "нет">
</Frameset>
В приведенном выше примере <Brameset> </frameset> делит страницу на две части, страница в левом кадре - admin_left.htm, а страница в правом кадре - admin_center.htm.
ПРИМЕЧАНИЕ. Порядок кадров <Frame> </frame> теги слева направо или сверху вниз.
Разница между ними заключается в следующем:
● <Frameset> - это тег кадров, указывающий, что документ веб -страницы состоит из кадра, и устанавливает макет рам, которые составляют каркас, установленную в документе.
● <Frame> используется для установки свойств каждого кадра, который составляет кадр.
10.4.2 Настройки параметров кадров
<Frameset> необходимо установить некоторые конкретные параметры, которые непосредственно определяют макет всей страницы. Код заключается в следующем:
<Frameset Border = 1 FrameSpacing = 1 Bordercolor =#47478D Rows =* Cols = 180,*>
Настройки параметров и их значения предыдущего кода приведены в таблице 10.3.
Таблица 10.3 Параметры кадров
параметр | иллюстрировать |
Граница | Установите толщину рамы в пикселях |
Frameborder | Установите, отобразить ли граница рамки, 0 не отображается, 1 отображается |
Кадры | Указывает расстояние между кадром |
Bordercolor | Установите цвет границы рамки |
Ряд | Разделите документ на верхние и нижние рамки. Значение после строки может быть численным значением или процентом. * означает, что оставшееся пространство занято. Количество численных значений представляет количество кадров, разделенных горизонтально. Например, Rows = "210,*, 10%", что означает, что страница разделена на три страницы верхнего, среднего и нижнего кадра. Верхняя рама занимает 210px, нижняя рама занимает 10% всего документа, а оставшееся пространство занято средним кадром. * Это относительная концепция, такая как row =*, что означает, что на странице нет верхней и нижней структуры. |
Кольцо | Установить так же, как ряд |
Что касается настройки параметров кадра, код выглядит следующим образом:
Как показано в таблице 10.4.
Таблица 10.4 Параметры кадра
параметр | иллюстрировать |
Имя | Название структуры настройки должно быть на английском языке |
SRC | Установите путь и имя страницы, отображаемое в кадре, которые могут быть относительными или абсолютными путями. |
Полях | Указывает расстояние от левого и правого края кадра |
Marginheight | Указывает расстояние от верхнего и нижнего края рамы |
Прокрутка | Установите, чтобы отображать полосы прокрутки в кадре, да, отображается, нет не отображается, Auto означает, что полосы прокрутки автоматически отображаются, когда содержимое на странице кадры превышает размер кадра. |
Frameborder | Установите, отобразить ли границу кадра, 0 не отображается, и 1 отображается |
Норесиз | Установите, может ли пользователь изменить размер этого кадра. Без настройки этого элемента зритель может вытащить раму по желанию и изменить размер кадра. |
Кадры | Указывает расстояние между кадром |
Bordercolor | Установите цвет границы рамки |
Frame и iframe могут достичь в основном те же функции, но iframe имеет большую гибкость, чем кадр.
Теги iframe также называются тегами с плавающей рамой. Они могут быть использованы для внедрения HTML -документа в HTML -дисплей. Самая большая разница между ним и тегом кадров состоит в том, что контент, содержащийся в <iframe> </iframe>, встроенный в веб -страницу, представляет собой целое со всей страницей, в то время как контент, содержащийся в <Frame> </frame>, является независимым человеком и может отображаться независимо. Кроме того, приложение IFRAME также может отображать один и тот же контент несколько раз на одной странице, не повторяя код этого контента.
Страница, показанная на рисунке 10.21, предназначена для использования iframe для создания ссылок на пейджинге в верхней и нижней части страницы. Коды сверху и снизу одинаковы. Вам нужно только встроить один и тот же файл на веб -странице, и нет необходимости писать код неоднократно. Для фактического эффекта этого случая, пожалуйста, обратитесь к Case /frame/iframe/see_infomore_iframe.htm в книге cd-rom.
Iframe имеет еще одно большее преимущество, которое заключается в том, что он может установить кадр быть прозрачной, чтобы фон внутри кадра был таким же, как и фон главной страницы. В приведенном выше примере операция, осторожные читатели найдут эту проблему. Давайте подробно объясним, как установить прозрачность iframe. Конкретные этапы работы следующие:
(1) Откройте Case/Frame/iframe/see_infomore_iframe1.htm на компакт-дисках с распределением книги.
(2) Просмотрите файл на этой странице в браузере и обнаружите, что фон исходной ячейки перезаписан в области, где вставлен Iframe, что не является желаемым эффектом.
(3) Откройте страницу Page.htm, переключитесь на представление кода и вставьте код в тег <body> следующим образом:
<body style = "фоновое цвета = прозрачное">
Рисунок 10.21 Использование iframe для создания поворота страницы
(4) Переключить See_infomore_iframe1.htm для просмотра кода и просмотреть код для вставки ячейки iframe на странице следующим образом:
<td colspan = "4">
<iframe name = "main" crameborder = "0" border = 0 scolling = "no" marginwidth = "0" marginheight = "0" src = "page.htm"> </iframe>
</td>
(5) в теге <iframe>,
<frame name = "left" src = "index_manager/admin_left.htm" marginwidth = "1" marginheight = "1" scolling = "no" frameborder = "1" Noresize Framespacing = "2" Bordercolor = "#CC0000">
Настройки параметра и их значения предыдущего кода
AllingTransparency = "true"
(6) Код ячейки для вставки iframe в это время выглядит следующим образом:
<td colspan = "4">
<iframe name = "main" crameborder = "0" border = 0 scolling = "no" marginwidth = "0" marginheight = "0" src = "page.htm" allowtransparency = "true"> </iframe> </td>
(7) Сохраните две страницы.