Фрейм (HTML) — это… Что такое Фрейм (HTML)?
У этого термина существуют и другие значения, см. Фрейм.Фрейм (от англ. frame — рамка) — отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне браузера.
Фреймы по своей сути очень похожи на ячейки таблицы, однако более универсальны. Фреймы разбивают веб-страницу на отдельные миникадры, расположенные на одном экране, которые являются независимыми друг от друга. Каждое окно может иметь собственный адрес. При нажатии на любую из ссылок, расположенных в одном фрейме, можно продолжать видеть страницы в других окнах.
Фреймы часто использовались для навигации по веб-сайту. При этом навигационная страница располагается в одном окне, а страницы с текстом — в другом.
В настоящее время использование фреймов для публичных сайтов не рекомендовано. Главным образом это связано с принципом работы поисковых машин, которые приводят пользователя к HTML-документу, являющемуся согласно задумке лишь одним из фреймов того, что автору сайта хотелось бы представить.
Описание
Тег <FRAME> определяет свойства отдельного фрейма, на которые делится окно браузера. Этот элемент должен располагаться в контейнере <FRAMESET>, который к тому же задает способ разметки страницы на отдельные области. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью параметра src=. Хотя обязательных атрибутов у тега <FRAME> и нет, рекомендуется задавать каждому фрейму имя через атрибут name=. Это особенно важно, если требуется по ссылке из одного фрейма загружать документ в другой.
Синтаксис: <frameset> <frame> </frameset>
Параметры:
bordercolor=— цвет линии границы.frameborder=— отображать рамку вокруг фрейма или нет.name=— уникальное имя фрейма.noresize=— определяет, можно изменять размер фрейма пользователю или нет.
scrolling=— способ отображения полосы прокрутки во фрейме.src=— путь к файлу, предназначенному для загрузки во фрейме.- Закрывающий тег — не требуется.
Пример использования тега:
<frameset rows="80,*" cols="*">
<frame src="top.html" name="topFrame" scrolling="no" noresize>
<frameset cols="80,*">
<frame src="left.html" name="leftFrame" scrolling="no" noresize>
<frame src="main.html" name="mainFrame">
</frameset>
</frameset>
См. также
Примечания
Фреймы в HTML — презентация онлайн
Фреймы в HTMLВыполнили: Алмоян Лаура,
Амерханова Алина,
Василькова Милена 43группа
БУАиА
Фрейм (англ frame – кадр, рамка) — в самом общем
случае данное слово обозначает структуру, содержащую
Фрейм (в языке HTML) — область окна браузера для
представления отдельной WEB-страницы, то есть по
сути
это отдельное окно
3 файла:
left.
htmlright.html
index.html
– страница в левой части
– страница в правой части
– описание структуры
2
Фреймы
• Фреймы позволяют разбить окно просмотра браузера на
несколько прямоугольных подобластей, располагающихся
рядом друг с другом. В каждую из подобластей можно
загрузить отдельный HTML-документ, просмотр которого
осуществляется независимо от других.
окнами
браузера, при необходимости можно организовать
взаимодействие, которое заключается в том, что выбор
ссылки в одном из фреймов может привести к загрузке
нужного документа в другой фрейм или окно браузера.
Элементы фреймовой
структуры
• Тег — определяет структуру фреймов на WEBстранице. Фреймы разделяют окно браузера на отдельные
области, расположенные вплотную друг к другу. В каждую
из таких областей загружается самостоятельная WEBстраница определяемая с помощью тега FRAME.
• Тег — определяет свойства отдельного фрейма, на
• Тег — создает плавающий фрейм, который
находится внутри обычного документа, он позволяет
загружать в область заданных размеров любые другие
независимые документы.
• Тег — содержимое тега NOFRAMES
отображается в браузере, когда он не поддерживает
фреймы и не умеет их интерпретировать. Браузеры,
которые работают с фреймами, полностью игнорируют
содержимое тега NOFRAMES.
Описание структуры
index.html
columns
столбц
ы
ширина в
пикселях или
%
…
Фреймы-столбцы
все остальное
место
source
имя фрейма
источник
(для ссылок)
Граница между фреймами
граница между фреймами:
0 – невидима, 1 — видима
…
ширина полосы между
фреймами, за которую
можно перетащить границу
…
8
Настройка фрейма (FRAME)
MARGINWIDTH=»0″
MARGINHEIGHT=»0″
NORESIZE
SCROLLING=»auto»>
убрать отступы
от края фрейма
до
содержимого
полоса прокрутки:
auto
– появляется, когда
надо
yes
– есть всегда
no
– нет никогда
запретить
изменение
размеров
9
Фреймы-строки
index.
htmlширина в
%
строк
и
Фреймы-строки
NAME=»qq»>
10
Сложные структуры (3 фрейма)
index.html
11
Как открыть ссылку в другом фрейме
TARGET=»qq»>Глава 2
TARGET
_blank – в новом окне
_parent – в родительском
окне
_top
– в главном окне
(убрать фреймы)
12
Фреймы в HEFS
13
Работа с несколькими страницами в HEFS
переключени
е страниц
просмотр активной
страницы
закрыть
текущую
страницу (Ctrl-W)
14
Атрибуты:
Align
Определяет как фрейм будет выравниваться по
align=bottom|top|middle|left|right|texttop|absmiddle
|baseline
height
Высота фрейма. height = n | %
width
Ширина фрейма. width = n | %
hspace
Горизонтальный отступ от фрейма до
ьььььььььь окружающего контента.
hspace = n
vspace
Вертикальный отступ от фрейма до окружающего
Доступ к фреймам с использованием управляемой объектной модели HTML-документов — Windows Forms .NET Framework
- Чтение занимает 2 мин
В этой статье
Некоторые HTML-документы состоят из кадров или окон, которые могут содержать собственные HTML-документы. Использование фреймов упрощает создание HTML-страниц, в которых одна или несколько частей страницы остаются статичными, например панель навигации, а в остальных фреймах содержимое постоянно изменяется.
Авторы HTML-кода могут создавать фреймы одним из двух способов:
- С помощью тегов
FRAMESETиFRAME, которые создают фиксированные окна.
-или-
- С помощью тега
IFRAME, он создает плавающее окно, которое может быть перемещено во время выполнения.
Так как фреймы содержат HTML-документы, то в объектной модели документа (DOM) они представлены и как элементы-окна и как элементы-фреймы.
При доступе к тегу
FRAMEилиIFRAMEс использованием коллекции Frames HtmlWindow, необходимо извлечь элемент-окно, соответствующий фрейму. Он представляет все динамические свойства фрейма, такие как текущий URL-адрес, документ и размер.При доступе к тегу
FRAMEилиIFRAMEс помощью свойства WindowFrameElementHtmlWindow, коллекции Children или таких методов, как GetElementsByName или GetElementById, происходит извлечение элемента фрейма. Он представляет статические свойства фрейма, включая URL-адрес, указанный в исходном HTML-файле.
Фреймы и безопасность
Доступ к кадрам осложняется тем, что управляемая модель HTML DOM реализует меру безопасности, известную как безопасность сценариев между кадрами.
Если документ содержит FRAMESET с двумя или более FRAME в различных доменах, эти FRAME не смогут взаимодействовать друг с другом. Иными словами, объект FRAME
FRAME , на которой размещен сторонний сайт, например http://www.adatum.com/ . Безопасность реализуется на уровне класса HtmlWindow. Можно получать общие сведения о размещении другого веб-сайта в FRAME, например его URL-адрес, но невозможно получить доступ к его Document, изменить размер или расположение FRAME или IFRAME, в которых он размещен.Это правило также применяется к окнам, которые можно открыть с помощью методов Open и OpenNew. Если открываемое окно относится к другому домену, отличающемуся от домена страницы, размещенной в элементе управления WebBrowser, то перемещение окна или доступ к его содержимому невозможны. Эти ограничения также применяются принудительно при использовании элемента управления WebBrowser для отображения веб-сайта, который отличается от веб-сайта, на котором развернуто приложение Windows Forms.
если для установки приложения с веб-сайта а используется технология развертывания ClickOnce и вы используете WebBrowser для показа веб-сайта б, вы не сможете получить доступ к данным веб-сайта б.
См. также
HTML — фреймы — CoderLessons.com
Фреймы HTML используются для разделения окна вашего браузера на несколько разделов, где каждый раздел может загружать отдельный документ HTML. Коллекция фреймов в окне браузера называется frameset. Окно разделено на фреймы аналогичным образом, таблицы организованы: на строки и столбцы.
Недостатки фреймов
Есть несколько недостатков в использовании фреймов, поэтому никогда не рекомендуется использовать фреймы на ваших веб-страницах —
Некоторые меньшие устройства не могут часто справляться с кадрами, потому что их экран недостаточно велик, чтобы его можно было разделить.
Иногда ваша страница будет отображаться по-разному на разных компьютерах из-за разного разрешения экрана.
Кнопка возврата браузера может не работать, как надеется пользователь.
Есть еще несколько браузеров, которые не поддерживают фреймовую технологию.
Некоторые меньшие устройства не могут часто справляться с кадрами, потому что их экран недостаточно велик, чтобы его можно было разделить.
Иногда ваша страница будет отображаться по-разному на разных компьютерах из-за разного разрешения экрана.
Кнопка возврата браузера может не работать, как надеется пользователь.
Есть еще несколько браузеров, которые не поддерживают фреймовую технологию.
Создание рамок
Чтобы использовать фреймы на странице, мы используем тег <frameset> вместо тега <body>. Тег <frameset> определяет, как разделить окно на фреймы. Атрибут row тега <frameset> определяет горизонтальные рамки, а атрибут cols — вертикальные рамки. Каждый фрейм обозначен тегом <frame>, и он определяет, какой документ HTML должен открываться во фрейме.
Примечание. Тег <frame> устарел в HTML5. Не используйте этот элемент.
Примечание. Тег <frame> устарел в HTML5. Не используйте этот элемент.
пример
Ниже приведен пример создания трех горизонтальных рамок.
Live Demo
<!DOCTYPE html>
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset rows = "10%,80%,10%">
<frame name = "top" src = "/html/top_frame.htm" />
<frame name = "main" src = "/html/main_frame.htm" />
<frame name = "bottom" src = "/html/bottom_frame.htm" />
<noframes>
<body>Your browser does not support frames.</body>
</noframes>
</frameset>
</html>Это даст следующий результат —
пример
Давайте поместим приведенный выше пример следующим образом: здесь мы заменили атрибут row на cols и изменили их ширину.
Это создаст все три кадра по вертикали —
Live Demo
<!DOCTYPE html>
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset cols = "25%,50%,25%">
<frame name = "left" src = "/html/top_frame.htm" />
<frame name = "center" src = "/html/main_frame.htm" />
<frame name = "right" src = "/html/bottom_frame.htm" />
<noframes>
<body>Your browser does not support frames.</body>
</noframes>
</frameset>
</html>
Это даст следующий результат —
Атрибуты тега <frameset>
Ниже приведены важные атрибуты тега <frameset> —
| Sr.No | Атрибут и описание |
|---|---|
| 1 | смещ_по_столбцам Указывает, сколько столбцов содержится в наборе кадров и размер каждого столбца. Вы можете указать ширину каждого столбца одним из четырех способов — Абсолютные значения в пикселях. Процент окна браузера. Например, чтобы создать три вертикальные рамки, используйте cols = «10%, 80%, 10%» . Использование подстановочного символа. Например, чтобы создать три вертикальные рамки, используйте cols = «10%, *, 10%» . В этом случае подстановочный знак занимает оставшуюся часть окна. В качестве относительной ширины окна браузера. Например, чтобы создать три вертикальные рамки, используйте cols = «3 *, 2 *, 1 *» . Это альтернатива процентам. Вы можете использовать относительную ширину окна браузера. Здесь окно делится на шестые: первый столбец занимает половину окна, второй занимает одну треть, а третий занимает одну шестую. |
| 2 | строки Этот атрибут работает так же, как атрибут cols и принимает те же значения, но он используется для указания строк в наборе кадров. Например, чтобы создать две горизонтальные рамки, используйте row = «10%, 90%» . |
| 3 | граница Этот атрибут определяет ширину границы каждого кадра в пикселях. Например, border = «5». Нулевое значение означает отсутствие границы. |
| 4 | рамка Этот атрибут указывает, должна ли трехмерная граница отображаться между кадрами. Этот атрибут принимает значение либо 1 (да), либо 0 (нет). Например, frameborder = «0» не указывает границы. |
| 5 | framespacing Этот атрибут указывает количество пространства между кадрами в наборе кадров. Это может принимать любое целочисленное значение. Например, framespacing = «10» означает, что между кадрами должен быть интервал 10 пикселей. |
Например, чтобы создать три вертикальные рамки, используйте cols = «100, 500, 100» .
Вы можете указать высоту каждой строки таким же образом, как описано выше для столбцов.смещ_по_столбцам
Указывает, сколько столбцов содержится в наборе кадров и размер каждого столбца.
Вы можете указать ширину каждого столбца одним из четырех способов —
Абсолютные значения в пикселях. Например, чтобы создать три вертикальные рамки, используйте cols = «100, 500, 100» .
Процент окна браузера. Например, чтобы создать три вертикальные рамки, используйте cols = «10%, 80%, 10%» .
Использование подстановочного символа. Например, чтобы создать три вертикальные рамки, используйте cols = «10%, *, 10%» . В этом случае подстановочный знак занимает оставшуюся часть окна.
В качестве относительной ширины окна браузера. Например, чтобы создать три вертикальные рамки, используйте cols = «3 *, 2 *, 1 *» . Это альтернатива процентам. Вы можете использовать относительную ширину окна браузера. Здесь окно делится на шестые: первый столбец занимает половину окна, второй занимает одну треть, а третий занимает одну шестую.
строки
Этот атрибут работает так же, как атрибут cols и принимает те же значения, но он используется для указания строк в наборе кадров.
Например, чтобы создать две горизонтальные рамки, используйте row = «10%, 90%» . Вы можете указать высоту каждой строки таким же образом, как описано выше для столбцов.
граница
Этот атрибут определяет ширину границы каждого кадра в пикселях. Например, border = «5». Нулевое значение означает отсутствие границы.
рамка
Этот атрибут указывает, должна ли трехмерная граница отображаться между кадрами. Этот атрибут принимает значение либо 1 (да), либо 0 (нет). Например, frameborder = «0» не указывает границы.
framespacing
Этот атрибут указывает количество пространства между кадрами в наборе кадров. Это может принимать любое целочисленное значение. Например, framespacing = «10» означает, что между кадрами должен быть интервал 10 пикселей.
Атрибуты тега <frame>
Ниже приведены важные атрибуты тега <frame> —
| Sr.No | Атрибут и описание |
|---|---|
| 1 | ЦСИ Этот атрибут используется для указания имени файла, который должен быть загружен во фрейм. |
| 2 | название Этот атрибут позволяет вам дать имя фрейму. Он используется для указания того, в какой кадр должен быть загружен документ. Это особенно важно, когда вы хотите создать ссылки в одном фрейме, которые загружают страницы в другой фрейм, и в этом случае второму фрейму нужно имя, чтобы идентифицировать себя как цель ссылки. |
| 3 | рамка Этот атрибут указывает, будут ли показаны границы этого кадра; он переопределяет значение, указанное в атрибуте frameborder тега <frameset>, если он указан, и может принимать значения либо 1 (да), либо 0 (нет). |
| 4 | MARGINWIDTH Этот атрибут позволяет вам указать ширину промежутка между левой и правой границами фрейма и его содержимым. Значение указывается в пикселях. |
| 5 | MARGINHEIGHT Этот атрибут позволяет указать высоту пространства между верхом и низом границ рамки и ее содержимым. Значение указывается в пикселях. Например marginheight = «10». |
| 6 | NORESIZE По умолчанию вы можете изменить размер любого фрейма, щелкая и перетаскивая границы фрейма. Атрибут noresize не позволяет пользователю изменять размер фрейма. Например, noresize = «noresize». |
| 7 | прокрутки Этот атрибут управляет видом полос прокрутки, которые появляются на рамке. Это принимает значения либо «да», «нет» или «авто». Например, scrolling = «no» означает, что у него не должно быть полос прокрутки. |
| 8 | longdesc Этот атрибут позволяет вам предоставить ссылку на другую страницу, содержащую подробное описание содержимого фрейма. |
Его значением может быть любой URL. Например, src = «/html/top_frame.htm» загрузит файл HTML, доступный в каталоге html.
Например, marginwidth = «10».
Например longdesc = «framedescription.htm»ЦСИ
Этот атрибут используется для указания имени файла, который должен быть загружен во фрейм. Его значением может быть любой URL. Например, src = «/html/top_frame.htm» загрузит файл HTML, доступный в каталоге html.
название
Этот атрибут позволяет вам дать имя фрейму. Он используется для указания того, в какой кадр должен быть загружен документ. Это особенно важно, когда вы хотите создать ссылки в одном фрейме, которые загружают страницы в другой фрейм, и в этом случае второму фрейму нужно имя, чтобы идентифицировать себя как цель ссылки.
рамка
Этот атрибут указывает, будут ли показаны границы этого кадра; он переопределяет значение, указанное в атрибуте frameborder тега <frameset>, если он указан, и может принимать значения либо 1 (да), либо 0 (нет).
MARGINWIDTH
Этот атрибут позволяет вам указать ширину промежутка между левой и правой границами фрейма и его содержимым.
Значение указывается в пикселях. Например, marginwidth = «10».
MARGINHEIGHT
Этот атрибут позволяет указать высоту пространства между верхом и низом границ рамки и ее содержимым. Значение указывается в пикселях. Например marginheight = «10».
NORESIZE
По умолчанию вы можете изменить размер любого фрейма, щелкая и перетаскивая границы фрейма. Атрибут noresize не позволяет пользователю изменять размер фрейма. Например, noresize = «noresize».
прокрутки
Этот атрибут управляет видом полос прокрутки, которые появляются на рамке. Это принимает значения либо «да», «нет» или «авто». Например, scrolling = «no» означает, что у него не должно быть полос прокрутки.
longdesc
Этот атрибут позволяет вам предоставить ссылку на другую страницу, содержащую подробное описание содержимого фрейма. Например longdesc = «framedescription.htm»
Поддержка браузера для фреймов
Если пользователь использует какой-либо старый браузер или любой другой браузер, который не поддерживает фреймы, то элемент <noframes> должен отображаться для пользователя.
Поэтому вы должны поместить элемент <body> внутри элемента <noframes>, поскольку элемент <frameset> должен заменить элемент <body>, но если браузер не понимает элемент <frameset>, он должен понимать, что находится внутри Элемент <body>, который содержится в элементе <noframes>.
Вы можете поместить приятное сообщение для вашего пользователя, имеющего старые браузеры. Например, Извините! Ваш браузер не поддерживает фреймы. как показано в приведенном выше примере.
Имя фрейма и целевые атрибуты
Одним из наиболее популярных применений фреймов является размещение панелей навигации в одном фрейме, а затем загрузка основных страниц в отдельный фрейм.
Давайте посмотрим на следующий пример, где файл test.htm имеет следующий код —
Live Demo
<!DOCTYPE html>
<html>
<head>
<title>HTML Target Frames</title>
</head>
<frameset cols = "200, *">
<frame src = "/html/menu. htm" name = "menu_page" />
<frame src = "/html/main.htm" name = "main_page" />
<noframes>
<body>Your browser does not support frames.</body>
</noframes>
</frameset>
</html>
htm" name = "menu_page" />
<frame src = "/html/main.htm" name = "main_page" />
<noframes>
<body>Your browser does not support frames.</body>
</noframes>
</frameset>
</html>
Здесь мы создали два столбца для заполнения двумя кадрами. Первый кадр имеет ширину 200 пикселей и будет содержать панель меню навигации, реализованную в файле menu.htm . Второй столбец заполняет оставшееся пространство и будет содержать основную часть страницы, и это реализуется файлом main.htm . Для всех трех ссылок, доступных в строке меню, мы упомянули целевой фрейм как main_page , поэтому всякий раз, когда вы нажимаете на любую из ссылок в строке меню, доступная ссылка будет открываться на главной странице.
Ниже приводится содержание файла menu.htm
Live Demo
<!DOCTYPE html>
<html>
<body bgcolor = "#4a7d49">
<a href = "http://www. google.com" target = "main_page">Google</a>
<br />
<br />
<a href = "http://www.microsoft.com" target = "main_page">Microsoft</a>
<br />
<br />
<a href = "http://news.bbc.co.uk" target = "main_page">BBC News</a>
</body>
</html>
google.com" target = "main_page">Google</a>
<br />
<br />
<a href = "http://www.microsoft.com" target = "main_page">Microsoft</a>
<br />
<br />
<a href = "http://news.bbc.co.uk" target = "main_page">BBC News</a>
</body>
</html>
Ниже приводится содержание файла main.htm —
Live Demo
<!DOCTYPE html>
<html>
<body bgcolor = "#b5dcb3">
<h4>This is main page and content from any link will be displayed here.</h4>
<p>So now click any link and see the result.</p>
</body>
</html>
Когда мы загружаем файл test.htm , он выдает следующий результат —
Теперь вы можете попробовать перейти по ссылкам, доступным на левой панели, и увидеть результат. Атрибут target также может принимать одно из следующих значений:
_self
Загружает страницу в текущий фрейм.
_blank
Загружает страницу в новое окно браузера. Открытие нового окна.
_parent
Загружает страницу в родительское окно, которое в случае одного набора фреймов является основным окном браузера.
_Топ
Загружает страницу в окно браузера, заменяя любые текущие кадры.
targetframe
Загружает страницу в именованный целевой кадр.
Фреймы в HTML-документах. Синтаксис фреймов. Планирование фреймов и взаимодействия между фреймами. Комплектная загрузка фреймов.
Фреймы в HTML-документах. Синтаксис фреймов. Планирование фреймов и взаимодействия между фреймами. Комплектная загрузка фреймов.Источники информации — на сайтах www.codenet.ru и www.javaportal.ru.
ФРЕЙМЫ
Каждый фрейм имеет свой URL, что позволяет загружать его независимо от других фреймов. Каждый фрейм имеет собственное имя (параметр NAME), позволяющее переходить к нему из другого фрейма.
Размер фрейма может быть изменен пользователем прямо на экране при помощи мыши (если это не запрещено указанием специального параметра). Данные свойства фреймов позволяют создавать интерфейсные решения, как например:
>> Размещение информации, которую необходимо постоянно показывать пользователю, в одном статическом фрейме.
>> Помещение в статическом фрейме оглавления документов, содержащихся на WEB-сервере, что позволяет пользователю быстро находить интересующую его информацию.
>> Создавние окна результатов запросов, когда в одном фрейме находится собственно запрос, а в другом результаты запроса.
Синтаксис фреймов
Формат документа с фреймами напоминает формат обычного документа, только вместо тэга BODY используется контейнер FRAMESET, содержащий описание внутренних HTML-документов с информацией.
<HTML>
<HEAD>...</HEAD>
<FRAMESET>. ..<FRAMESET>
<HTML>
..<FRAMESET>Однако, фрейм-документ является специфичным видом HTML-документа, поскольку не содержит элемента BODY и какой-либо информационной нагрузки. Он описывает только фреймы, которые будут содержать информацию. Представим общий синтаксис фреймов:
<FRAMESET COLS="value" | ROWS="value">
<FRAME SRC="url1">
<FRAME ...>
. . .
</FRAMESET>
Общий контейнер FRAMESET описывает все фреймы, на которые делится экран. Вы можете разделить экран на несколько вертикальных или несколько горизонтальных фреймов. Тэг FRAME описывает каждый фрейм в отдельности.
Рассмотрим более детально каждый компонент.
FRAMESET
<FRAMESET [COLS="value" | ROWS= "value"]>
Тэг <FRAMESET> имеет завершающий тэг </FRAMESET>. Все, что может находиться между этими двумя тэгами, это тэг <FRAME>, вложенные тэги <FRAMESET> и </FRAMESET>, а также контейнер из тэгов <NOFRAME>, который позволяет строить двойные документы для браузеров, поддерживающих и не поддерживающих фреймы.
Данный тэг имеет два взаимоисключающих параметра: ROWS и COLS. ROWS= «список-определений-горизонтальных-подокон» Данный тэг содержит описания некоторого количества подокон, разделенные запятыми. Каждое описание представляет собой числовое значение размера подокна в пикселях, процентах от всего размера окна или связанное масштабное значение. Количество подокон определяется количеством значений в списке. Общая сумма высот подокон должна составлять высоту всего окна (в любых измеряемых величинах). Отсутствие атрибута ROWS определяет один фрейм, величиной во все окно браузера. COLS=»список-определений-горизонтальных-подокон». То же самое, что и ROWS, но делит окно по вертикали, а не по горизонтали. Внимание! Совместное использование данных параметров может привести к непредсказуемым результатам.
Синтаксис используемых видов описания величин подокон:
value
Простое числовое значение определяет фиксированную высоту подокна в пикселях.
Это далеко не самый лучший способ описания высоты подокна, поскольку различные браузеры имеют различный размер рабочего поля. Если вы используете данный способ описания размера, то настоятельно рекомендуется сочетать его с каким-либо другим, чтобы в результате получить 100%-ное заполнение окна.
value%
Значение величины подокна в процентах от 1 до 100. Если общая сумма процентов описываемых подокон превышает 100, то размеры всех фреймов пропорционально уменьшаются до суммы 100%. Если, соответственно, сумма меньше 100, то размеры пропорционально увеличиваются.
value*
Символ «*» указывает на то, что все оставшееся место будет принадлежать данному фрейму. Если указывается два или более фрейма с описанием «*» (например «*,*»), то оставшееся пространство делится поровну между этими фреймами. Если перед звездочкой стоит цифра, то она указывает пропорцию для данного фрейма (во сколько раз он будет больше аналогично описанного чистой звездочкой).
Например, описание «3*,*,*», говорит, что будет создано три фрейма с размерами 3/5 свободного пространства для первого фрейма и по 1/5 для двух других.
Примеры:
<FRAMESET COLS= "50,*,50">
— описывает три фрейма, два по 50 точек справа и слева, и один внутри этих полосок. <FRAMESET ROWS= "20%,3*,*"> — описывает три фрейма, первый из которых занимает 20% площади сверху экрана, второй 3/4 оставшегося от первого фрейма места (т.е. 60% всей площади окна), а последний 1/4 (т.е. 20% всей площади окна. <FRAMESET ROWS= "*,60%,*"> — аналогично предыдущему примеру.
Тэги <FRAMESET> могут быть вложенными, т.е. например:
<FRAMESET ROWS="50%,50%">
<FRAMESET COLS="*,*"
</FRAMESET>
</FRAMESET>
FRAME
<FRAME SRC="url" [NAME="frame_name"] [MARGINWIDTH="nw"] [MARGINHEIGHT="nh"] [SCROLLING= yes|no|auto] [NORESIZE]>
Данный тэг определяет фрейм внутри контейнера FRAMESET.
Содержание:
SRC=»url». Описывает URL документа, который будет отображен внутри данного фрейма. Если он отсутствует, то будет отображен пустой фрейм.
NAME=»frame_name». Данный параметр описывает имя фрейма. Имя фрейма может быть использовано для определения действия с данным фреймом из другого HTML-документа или фрейма (как правило, из соседнего фрейма этого же документа). Имя обязательно должно начинаться с символа. Содержимое поименованных фреймов может быть задействовано из других документов при помощи специального атрибута TARGET, описываемого ниже.
MARGINWIDTH=»value». Это атрибут может быть использован, если автор документа хочет указать величину разделительных полос между фреймами сбоку. Значение value указывается в пикселях и не может быть меньше единицы.
MARGINHEIGHT=»value». То же самое, что и MARGINWIDTH, но для верхних и нижних величин разделительных полос.
SCROLLING=»yes | no | auto». Этот атрибут позволяет задавать наличие полос прокрутки у фрейма.
Параметр yes указывает, что полосы прокрутки будут в любом случае, параметр no — полос прокрутки не будет. Auto определяет полосу прокрутки только при их необходимости (значение по умолчанию).
NORESIZE. По умолчанию, размер фрейма можно изменить при помощи мыши так же просто, как и размер окна Windows. NORESIZE отменяет данную возможность. Если у одного фрейма установлен атрибут NORESIZE, то у соседних фреймов тоже не может быть изменен размер со стороны данного.
NOFRAMES. Данный тэг используется в случае, если вы создаете документ, который может просматриваться как браузерами, поддерживающими фреймы, так и браузерами, их не поддерживающими. Данный тэг помещается внутри контейнера FRAMESET, а все, что находится внутри тэгов <NOFRAMES> и </NOFRAMES>, игнорируется браузерами, поддерживающими фреймы.
Пример.
Окно браузера разбивается на две равных зоны (верхнюю и нижнюю) по горизонтали. Верхняя зона разбивается на два подокна шириной 65% и 35%, в которые записываются документы link1.
html и link2.html. Нижняя зона разбивается на 3 подокна с шириной центрального 40% и с равной шириной боковых окон для документов link3.html, link4.html и link5.html.
<FRAMESET ROWS="*,*"> <NOFRAMES>
<h2>Ваша версия WEB-браузера не поддерживает фреймы!</h2>
</NOFRAMES>
<FRAMESET COLS="65%,35%">
<FRAME SRC="link1.html">
<FRAME SRC="link2.html">
</FRAMESET>
<FRAMESET COLS="*,40%,*">
<FRAME SRC="link3.html">
<FRAME SRC="link4.html">
<FRAME SRC="link5.html">
</FRAMESET>
</FRAMESET>
Планирование фреймов и взаимодействия между фреймами
С появлением фреймов сразу возникает вопрос: «А как сделать так, чтобы нажимая на ссылку в одном фрейме инициировать появление информации в другом?» Ответом на данный вопрос является планирование взаимодействия фреймов (далее — планирование).
Каждый фрейм может иметь собственное имя, определяемое параметром NAME при описании данного фрейма. Существует, также, специальный атрибут — TARGET, позволяющий определять, к какому фрейму относится та или иная операция. Формат данного атрибута следующий:
TARGET=»windows_name».
Данный атрибут может встречаться внутри различных тэгов:
TARGET в тэге A.
Это самое прямое использование TARGET. Обычно, при активизации пользователем ссылки соответствующий документ появляется в том же окне (или фрейме), что и исходный, в котором была ссылка. Добавление атрибута TARGET позволяет произвести вывод документа в другой фрейм. Например:
<A href="mydoc.phpl" TARGET= "Frame1"> Переход в фрейм п 1 </A>
TARGET в тэге BASE.
Размещение TARGET в тэге BASE позволит вам не указывать при описании каждой ссылки фрейм-приемник документов, вызываемых по ссылкам. Это очень удобно, если в одном фрейме у вас находится меню, а в другой — выводится информация.
Например:
Документ п 1.
<FRAMESET ROWS="20,*">
<FRAME SRC="doc2.htm" NAME="Frame1">
<FRAME SRC="doc3.htm" NAME="Frame2">
</FRAMESET>
Документ п 2 (doc2.htm).
<HTML><HEAD><BASE TARGET="Frame2"></HEAD>
<BODY>
<A href="url1"> Первая часть</A>
<A href="url2"> Вторая часть</A>
</BODY></HTML>
TARGET в тэге AREA.
Mожно включать тэг TARGET в описание ссылки при создании карты изображения. Например:
<AREA SHAPE="circle" COORDS="100,100,50" href="http://www.softexpress.com" TARGET= "Frame1">
TARGET в тэге FORM.
То же относится и к определению формы. В данном случае, после обработки переданных параметров формы результирующий документ появится в указанном фрейме.
<FORM ACTION="url" TARGET= "window_name">
Внимание! Имя окна (фрейма) в параметре TARGET должно начинаться с латинской буквы или цифры.
Также необходимо помнить, что существуют зарезервированные имена для разрешения специальных ситуаций.
Зарезервированные имена фреймов
Зарезервированные имена фреймов служат для разрешения специальных ситуаций. Все они начинаются со знака подчеркивания. Любые другие имена фреймов, начинающиеся с подчеркивания, будут игнорироваться браузером.
TARGET=»_blank»
Данное значение определяет, что документ, полученный по ссылке, будет отображаться в новом окне браузера.
TARGET=»_self».
Данное значение определяет, что документ, полученный по ссылке, будет отображаться в том же фрейме, в котором находится ссылка. Это имя удобно для переопределения окна назначения, указанного ранее в тэге BASE.
TARGET=»_parent».
Данное значение определяет, что документ, полученный по ссылке, будет отображаться в родительском окне, вне зависимости от параметров FRAMESET. Если родительского окна нет, то данное имя аналогично «_self».
TARGET=»_top».
Данное значение определяет, что документ, полученный по ссылке, будет отображаться на всей поверхности окна, вне зависимости от наличия фреймов. Использование данного параметра удобно в случае вложенных фреймов.
Пример загрузки фреймов (фрейм не загружается отдельно от остальных фреймов)
Страница на сайте состоит из нескольких фреймов (fr1.html, fr2.html, fr3.html). В том случае, если посетитель открывает один из фреймов напрямую (допустим, получив ссылку из поискового каталога), JavaScript проверяет, что фрейм открыт отдельно от остальных фреймов и производит перезагрузку таким образом, чтобы страница показывалась с учетом всех фреймов (открывается файл index.html) . Решаем её следующим образом: Создаём index.html файл:
<html>
<frameset rows="33%,33%,34%">
<frame src="fr1.html" name="fr1">
<frame src="fr2.html" name="fr2">
<frame src="fr3. html" name="fr3">
</frameset>
</html>
html" name="fr3">Как видим фреймы имеют имена fr1, fr2, fr3. При открытии файла fr1.html нам необходимо произвести проверку открыт этот файл во фрейме или нет. Так как мы знаем, что имя фрейма, куда должен загружаться файл — fr1, то проверку делаем следующим образом:
if(this.name!="fr1")document.location="index.html"
Т.е. если документ открывается не во фрейме this.name возвращает пустое значение и открывается файл index.html.
Вот пример файла fr1.html
<html><head><script language="JavaScript">
<!--if(this.name!="fr1")document.location="index.html"//-->
</script></head>
<body><h2>Это первый фрейм</h2></body></html>
Соответственно файл fr2.html выглядит следующим образом:
<html><head><script language="JavaScript">
<!--if(this. name!="fr2")document.location="index.html"//-->
</script></head>
<body><h2>Это второй фрейм</h2></body></html>
name!="fr2")document.location="index.html"//-->Файл fr3.html выглядит следующим образом:
<html><head><script language="JavaScript">
<!--if(this.name!="fr3")document.location="index.html"//-->
</script></head>
<body><h2>Это третий фрейм</h2></body></html>
Используются технологии uCoz
Фреймы — Компьютерная графика и вэб-дизайн
Фреймы позволяют нам открыть в окне браузера не один, а одновременно несколько документов (допустим, документ menu.html, который содержит меню, logo.html — документ, который содержит логотип, шапку страницы, и content.html — документ с непосредственным содержанием нашего сайта).
Для того чтобы наш любимый браузер показал одновременно несколько документов, надо создать специальный фрейм-документ, в котором мы укажем, сколько документов откроется в одном окне браузера, сколько места будет занимать каждый, каким образом они будут располагаться относительно друг друга.
Т.к. первый документ на сайте, который показывается посетителю это index.html (или вроде него), то пусть он будет фрейм-документом. Создадим документ index.html: фрейм-документ не содержит тэга body, такого обязательного в других случаях.
Хождение по фреймам
Классический вариант — logo.html, menu.html, content.html
При помощи фреймов мы делим браузер на несколько окон заданного размера, в которых помещаем независимые друг от друга документы. Это нам позволит оставлять некоторую информацию видимой, в то время, как другая информация прокручивается или заменяется (так, например, мы будем постоянно видеть в одном окне документ с меню, в другом – документ с нашим логотипом, а в третьем окне у нас будут при нажатии на ссылки в документе меню загружаться разные документы с текстом, картинками и прочим).
Т.к. документы, которые мы размещаем во фреймах независимые, то соответственно каждый документ может содержать в себе что угодно (и текст, и картинки, и таблицы).
Рассмотрим 4 варианта фреймов (на нашем рисунке слева направо).
Вариант №1. Итак, сначала создадим такой вариант (предварительно не забудьте создать обычные *.html документы с логотипом, меню и основным содержанием):
Хождение по фреймам
При помощи атрибута rows тэга <frameset> мы указали, что наши фреймы будут расположены горизонтально (рядами). В значении атрибута rows мы прописали высоту каждого фрейма (rows=»100,*,150″). Высота первого фрейма — 100 пикселов, третьего — 150, а второй занимает все оставшееся пространство по высоте (это мы указали значком *).
Тэг frame сообщает браузеру, какие же документы у нас будут загружены во фреймах. В нашем случае: в первом фрейме будет загружен — logo.html (документ с логотипом), второй фрейм займет документ с непосредственным содержанием (content.html), а третий — меню.
Вариант №3.Хождение по фреймам
Атрибут cols говорит браузеру, что наши фреймы будут расположены вертикально (столбцами).
Т.е. значения атрибута cols (cols=»100,150,*») задают уже не высоту, а ширину каждого фрейма. Ширина первого фрейма – 100 пикселов, ширина второго – 150, а третий фрейм занимает по ширине все оставшееся пространство.Другого способа деления не существует. Одновременно эти параметры использовать нельзя.
Вариант №2.Ширина и высота могут задаваться не только в пикселях, но и в процентах от общей ширины (высоты) окна: <frameset cols=»10%,15%,75%»> Помните, что в сумме это все должно равняться 100%.
Каким образом мы будем делить окно? — На ряды. В первом ряду у нас будет располагаться logo.html, а второй ряд мы поделим на два столбца, в которых будут располагаться документы menu.html и content.html.
Хождение по фреймам
<frame src=»logo.html»>
<frameset cols=»150,*»>
<frame src=»menu.html»>
<frame src=»content.html»>
</frameset>
</frameset>
</html>
С помощью атрибута cols тэга <frameset></frameset> мы делим второй ряд на два столбца (первый шириной 150 пикселов, второй по ширине занимает все оставшееся пространство).
А тэги <frame>, которые содержит <frameset></frameset>, определяют, какие документы будут показаны загружены в вертикальных фреймах во втором ряду (menu.html и content.html).
Здесь мы будем делить окно на столбцы. Второй столбец будет содержать в себе документ content.html (содержание), а первый столбец мы разобьем на два ряда, и поместим в них документы logo.html и menu.html.
Хождение по фреймам
<frameset rows=»100,*»>
<frame src=»logo.html»>
<frame src=»menu.html»>
</frameset>
<frame src=»content.html»>
</frameset>
</html>
Глава 5 Фреймы. HTML, XHTML и CSS на 100%
Читайте также
5.6. Плавающие фреймы
5.6. Плавающие фреймы
Браузеры последних версий позволяют использовать плавающие фреймы, добавляемые с помощью элемента IFRAME.
Плавающий фрейм находится внутри обычногодокумента, не содержащего тегов <FRAMESET>. </FRAMESET>, и позволяет добавлять на страницу любые другие
Глава первая Фреймы
Глава первая Фреймы Мне представляется, что теоретические исследования, проводимые в области искусственного интеллекта (ИИ) и психологии в целом были недостаточно общими для того, чтобы объяснить либо с практической точки зрения, либо феноменологически эффективность
3.8. Фреймы в качестве парадигм
3.8. Фреймы в качестве парадигм «До тех пор, пока не была создана эта парадигма схоластов (средневековая теория „первого толчка“), маятники как таковые не были известны людям, а ученые видели в них только качающиеся камни.
Существование маятников было открыто благодаря
4.2. Фреймы и процесс согласования (по С.Фальману (1974))
4.2. Фреймы и процесс согласования (по С.Фальману (1974)) Рассмотрим базу данных, в которой множества фактов и демонов объединены в пакеты; любое их число может быть немедленно активировано или к ним в любой момент можно организовать доступ. Пакет может (рекурсивно) содержать
Фреймы
Фреймы Фреймы позволяют разделить веб-страницу на несколько независимых окон и в каждом из них разместить отдельную веб-страницу. Спор о том, нужно это или нет, продолжается. Я скажу одно: при умелом использовании фреймов можно создать страницу-шедевр, а в противном
Фреймы и формы
Фреймы и формы
Рано или поздно вам встретятся страницы, содержащие в себе не только гиперссылки, но и фреймы с формами.
ФреймыНередко интернет-страницы разделены (по замыслу разработчиков) на несколько независимых частей, которые называются фреймами[29] . По сути, на
2.1.8.1. Фреймы
2.1.8.1. Фреймы Фреймы это в действительности расширение HTML+, которое не поддерживается некоторыми web браузерами. Фреймы это свойство разделения вашей web страницы на две или более страниц. Основное свойство фреймом то, что каждый фрейм может иметь свое собственное имя и может
Текстовые фреймы
Текстовые фреймы Одно из правил, которое следует накрепко запомнить дизайнерам, имеющим опыт работы в других программах: текст не может существовать сам по себе. В графических редакторах (будь то Photoshop, Illustrator или Corel Draw) мы можем щелкнуть кнопкой мыши в любом месте
Связанные текстовые фреймы
Связанные текстовые фреймы
При работе с большими фрагментами текста одного фрейма будет недостаточно.
Во-первых, мы можем захотеть сверстать текст в несколько колонок. Это можно решить с помощью настроек собственно фрейма (об этом будет сказано в главе 13) или же создать
Объекты и фреймы
Объекты и фреймы Как мы уже говорили в главе 9, фреймы используются для размещения текста. В главе 12 мы узнаем, как (и зачем) использовать фреймы для размещения графических файлов. В этой же главе нам предстоит понять, что не существует сколько-нибудь значительной разницы
ГЛАВА 6
ГЛАВА 6 Порядок выполнения командПри выполнении команды иногда требуется знать, как была выполнена другая команда. Предположим, необходимо скопировать все файлы из одного каталога в другой, а затем удалить исходный каталог. Прежде чем удалять исходный каталог, важно
ГЛАВА 7
ГЛАВА 7
Регулярные выраженияПри работе в UNIX или Linux часто используются регулярные выражения — мощное средство текстового поиска.
Если, например, требуется найти слово, у которого первые два символа являются прописными буквами, а следующие четыре символа — цифрами,
ГЛАВА 3
ГЛАВА 3 Глава, самая короткая, в которой появляется и тут же исчезает Кадабра. — Вот тут я живу и работаю, — сказал Точка.Алёша во все глаза разглядывал мастерскую Точки. Ни мольберта, ни баночек с красками и кисточками нигде не было видно.В комнате был бы идеальный
ГЛАВА 4
ГЛАВА 4 Глава, в которой именинник — доктор Кашля получает подарки и угощает гостей солёным тортом. В небольшой комнатке, одна из стен которой была увешана всевозможными диковинными пипетками и градусниками, а на другой красовалась редчайшая коллекция больших и
ГЛАВА 6
ГЛАВА 6 Глава, в которой Алёше удаляют зуб, а Котёнок ест эскимо и мурлычет от удовольствия.
Всем известно: никто из детей не пойдёт сам в поликлинику, а про зубной кабинет и говорить нечего. Другое дело — Симплекс. В Симплексе поликлиника — любимое место микрошей. Дай им
ГЛАВА 9
ГЛАВА 9 Глава, самая тревожная, в ней одна за другой происходят аварии, профессор Пломба застревает в лифте, Точка с Алёшей, Котёнком и Попугаем едут в издательство, а Бейсик сочиняет новое, совершенно необыкновенное стихотворение. — Ну, друзья, и денёк сегодня выдался, —
HTML-фреймов Код
Вы можете использовать следующий HTML-код для создания веб-страницы, разделенной на отдельные фреймы. Вы также можете проверить эти шаблоны фреймов для шаблонов фреймов, совместимых с HTML5.
HTML5-совместимые фреймы
Поскольку HTML5 стал официальной рекомендацией, фреймы (в традиционном смысле) не поддерживаются в HTML.
Раньше фреймы создавались с использованием элементов и , но эти элементы больше не поддерживаются в HTML.
Для создания фреймов, совместимых с HTML5, необходимо использовать либо фреймы (т. Е. Тег