close

Вход

Забыли?

вход по аккаунту

?

ЯРД08-Фреймы в HTML

код для вставкиСкачать
Фреймы в HTML
Фреймы
•
Фрейм
(англ. frame
—
кадр, рамка) —
в самом общем случае данное слово обозначает структуру, содержащую некоторую информацию.
•
Фрейм (
в языке HTML
) —
область окна браузера для представления отдельной WEB
-
страницы
,
то есть по сути это отдельное окно
.
Фреймы
•
Фреймы позволяют разбить окно просмотра браузера на несколько прямоугольных подобластей, располагающихся рядом друг с другом. В каждую из подобластей можно загрузить отдельный HTML
-
документ, просмотр которого осуществляется независимо от других. •
Между фреймами, также как и между отдельными окнами браузера, при необходимости можно организовать взаимодействие, которое заключается в том, что выбор ссылки в одном из фреймов может привести к загрузке нужного документа в другой фрейм или окно браузера. Элементы фреймовой структуры
•
Тег <
FRAMESET
>
-
определяет структуру фреймов на WEB
-
странице. Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная WEB
-
страница определяемая с помощью тега FRAME. •
Тег <
FRAME
>
-
определяет свойства отдельного фрейма, на которые делится окно браузера. Элементы фреймовой структуры
•
Тег <
IFRAME
>
-
создает плавающий фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы. •
Тег <
NOFRAMES
>
-
содержимое тега NOFRAMES отображается в браузере, когда он не поддерживает фреймы и не умеет их интерпретировать. Браузеры, которые работают с фреймами, полностью игнорируют содержимое тега NOFRAMES. Особенности фреймовой структуры
•
Фреймовые структуры затрудняет работу поисковых роботов, тема самым снижая потенциальную возможность нахождения Вашего сайта в поисковых системах.
•
Фреймы скрывают заголовок страницы , устанавливаемый через тег <TITLE>, и всегда показывают только заголовок сайта. По этой причине понравившуюся страницу невозможно поместить в раздел Избранное браузера.
•
Использование этих тегов требует обязательного указания <!DOTYPE> как Transitional
или Frameset
;
<!DOCTYPE HTML PUBLIC
"
-
//W3C//DTD HTML 4.01 Frameset
//EN"
"http://www.w3.org/TR/html4/
frameset.dtd
">
<!DOCTYPE HTML PUBLIC
"
-
//W3C//DTD HTML 4.01 Transitional
//EN" "http://www.w3.org/TR/html4/
loose.dtd
">
Особенности фреймовой структуры
•
Документ HTML, в котором описывается фреймовая структура (называемый документом с фреймами
), выглядит не так, как документ HTML без фреймов. •
Стандартный документ имеет один раздел <
HEAD >
и один раздел <
BODY
>
. •
Документ с фреймами имеет раздел <
HEAD >
и раздел <
FRAMESET
>
, который заменяет раздел ODY.
<html>
<head> <title> … </title> </head>
<frameset> <frame> </frameset>
</html>
Тег <
FRAME
>
•
Элемент <
FRAME
>
определяет содержимое и вид одного фрейма. •
Должен располагаться в контейнере <FRAMESET>
•
Не является контейнером. Закрывающий тег не требуется.
<frameset> <frame> </frameset>
Тег <
FRAME
>
Атрибуты:
src
Определяет URL файла, предназначенного для загрузки во фрейм. src
= URL
name
Задает уникальное имя фрейма, которое можно указать в качестве цели ссылки (как значение атрибута target
тега <A>). name = имя фрейма
noresize
Определяет, можно изменять размер фрейма пользователю или нет. noresize scrolling
Способ отображения полосы прокрутки во фрейме. scrolling
=
auto | no | yes
Тег <
FRAME
>
Атрибуты:
bordercolor
Цвет линии границы
(некоторые браузеры не поддерживают этот атрибут
, например Opera
). bordercolor = цвет | #RRGGBB
frameborder
Отображать рамку вокруг фрейма или нет
(некоторые браузеры не поддерживают этот атрибут
, например Opera
). frameborder =1 | 0
Тег <
FRAME
SET>
•
Тег <
FRAME
SET> задает расположение фреймов в основном окне агента пользователя. •
Является контейнером. Закрывающий тег обязателен.
•
Тег <FRAMESET> заменяет собой элемент <ODY> на WEB
-
странице. •
Допустимо использовать вложенную структуру элементов, это позволяет разбить один фрейм на две и более области.
•
В контейнере FRAMESET размещаются теги <FRAME> , описывающие
свойства отдельного фрейма
.
•
В контейнере FRAMESET может присутствовать элемент NOFRAMES с альтернативным содержимым для агентов пользователей, не поддерживающих фреймы или сконфигурированных так, чтобы их не показывать. Тег <
FRAME
SET>
Атрибуты:
bordercolor
Цвет линии границы
(некоторые браузеры не поддерживают этот атрибут
, например Opera
). bordercolor = цвет | #RRGGBB
frameborder
Определяет отображать рамку вокруг фрейма или нет
(некоторые браузеры не поддерживают этот атрибут
, например Opera
). frameborder = 1 | 0
border
Толщина границы между фреймами. border = n framespacing
Аналог параметра border, задает ширину границы. более старый параметр и поддерживается браузерами для совместимости с их ранними версиями
. framespacing = n
Тег <
FRAME
SET>
Атрибуты:
cols
Устанавливает ширину или пропорции фреймов в виде колонок. cols = 100, 500 cols = 20%, 20% , 60%
cols = 1*, 1*, 2*, 3*
rows
Задает размер или пропорции фреймов в виде строк. rows = 100, 500 rows = 20%, 20% , 60%
rows = 1*, 1*, 2*, 3*
Фреймовая структура
<!DOCTYPE HTML PUBLIC
"
-
//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>
Фреймы</
title>
<meta http
-
equiv="Content
-
Type" content="text/html; charset
=Windows
-
1251">
</head>
<frameset rows="1*,1*,2*" cols="1*,1*,1*" >
<frame src
= "frame01.html"> <frame src
= "frame02.html"> <frame src
= "frame03.html">
<frame src
= "frame04.html> <frame src
= "frame05.html> <frame src
= "frame06.html">
<frame src
= "frame07.html> <frame src
= "frame08.html> <frame src
= "frame09.html">
</frameset>
</html>
Фреймы в GOOGLE
Фреймы в IE
Фреймы в SAFARI
Фреймы в FIREFOX
Фреймы в OPERA
Вложение фреймовая структура
<!DOCTYPE HTML PUBLIC
"
-
//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frames
et.dtd">
<html>
<head>
<title>
Фреймы</
title>
<meta http
-
equiv="Content
-
Type" content="text/html; charset=Windows
-
1251">
</head>
<frameset rows="1*,2*" >
<frame src = "frame01.html">
<frameset cols="1*,1*,3*" >
<frame src = "frame02.html> <frame src = "frame03.html> <frame src = "frame04.html">
</frameset>
</frameset>
</html>
Вложение фреймовая структура
<!DOCTYPE HTML PUBLIC
"
-
//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frames
et.dtd">
<html>
<head>
<title>
Фреймы</
title>
<meta http
-
equiv="Content
-
Type" content="text/html; charset=Windows
-
1251">
</head>
<frameset cols="1*,2*,1*" >
<frameset rows="1*,1*,3*" >
<frame src = "frame01.html" scrolling="no"> <frame src = "frame02.html"> <frame src = "frame03.html">
</frameset>
<frame src = "frame04.html">
<frameset rows="1*,1*,3*" >
<frame src = "frame05.html"> <frame src = "frame06.html"> <frame src = "frame07.html">
</frameset></frameset>
</html>
Тег <
NOFRAMES>
•
Содержимое тега <NOFRAMES> отображается в браузере, когда он не поддерживает фреймы и не умеет их интерпретировать. Браузеры, которые работают с фреймами, полностью игнорируют содержимое тега <NOFRAMES>. •
Атрибутов нет.
•
Является контейнером. Закрывающий тег обязателен.
•
Внутри этого тега располагается текст, информирующий пользователя о том, что его браузер фреймы не поддерживает или с предложением перейти на страницу без фреймов.
Тег <
NOFRAMES>
<!DOCTYPE HTML PUBLIC "
-
//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http
-
equiv="Content
-
Type" content="text/html; charset
=utf
-
8"> <title>
Тег NOFRAMES</title> </head> <frameset cols="100,*,20%"> <frame src
="left.html" name="
leftFrame
"> <frame src
="main.html" name="
mainFrame
"> <frame src
="right.html" name="
rightFrame
"> <
noframes
>
Ваш браузер не поддерживает фреймы.</
noframes
> </frameset> </html>
Тег <
IFRAME>
•
Тег <IFRAME> создает плавающий фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы.
•
Является контейнером. Закрывающий тег обязателен.
•
Содержание тега игнорируется браузерами, не поддерживающих данный тег. Для таких браузеров можно указать альтернативный текст, который увидят пользователи. Он должен располагаться между элементами <IFRAME> и </IFRAME>.
Тег <
IFRAME>
Атрибуты:
src
Путь к файлу, содержимое которого будет загружаться во фрейм. src
= URL
name
Имя фрейма. name="
имя"
scrolling
Способ отображения полосы прокрутки во фрейме. scrolling= auto | no | yes
frameborder
Устанавливает, отображать границу вокруг фрейма или нет. frameborder
= yes | no
| 1 | 0
Тег <
IFRAME>
Атрибуты:
align
Определяет как фрейм будет выравниваться по краю, а также способ обтекания его текстом. align=
bottom|top|middle|left|right|texttop|absmiddl
e|baseline
height
Высота фрейма. height
= n | %
width
Ширина фрейма. width
= n | %
hspace
Горизонтальный отступ от фрейма до окружающего контента
. hspace
= n vspace
Вертикальный отступ от фрейма до окружающего контента
. vspace
= n
Фреймы
http
://warrax.net/Satan/own/iq/frames.htm
Автор
loverett
Документ
Категория
Без категории
Просмотров
55
Размер файла
234 Кб
Теги
html, frames, фреймы
1/--страниц
Пожаловаться на содержимое документа