HTML <frame> Тег
Пример
Простая страница с тремя фреймами:<html> <frameset cols="250px,*,250px"> <frame src="http://xhtml.co.il/tryit/html/frame_a.htm" /> <frame src="http://xhtml.co.il/tryit/html/frame_b.htm" /> <frame src="http://xhtml.co.il/tryit/html/frame_c.htm" /> </frameset> </html>
Определение и использование
Тег <frame> определяет одну часть окна (фрейма) внутри группы фреймов (frameset).
Каждый фрейм в группе фреймов может иметь различные атрибуты, такие как граница, прокрутка, возможность изменять размеры и так далее.
Поддержка браузеров
тег
<frame> поддерживается во всех ведущих браузерахРазличия между HTML и XHTML
В HTML тег <frame> не имеет закрывающего тега.
В XHTML тег <frame> должен быть соответственно закрыт.
Советы и комментарии
Примечание: Если вы хотите проверить страницы, содержащие фреймы, убедитесь, что тип документа установлен в положение "Frameset DTD". Читайте больше о типах документа.
Важно: Вы не можете использовать элемент <body> вместе с элементом frameset. Однако, если вы добавите тег <noframes> содержащий текст для браузеров, которые не поддерживают фреймы, вы должны заключить текст в элемент body.
Дополнительные атрибуты
DTD указывает, в какой HTML 4.01/XHTML 1.0 DTD допускаются атрибуты. S=Strict (строгий), T=Transitional (переходный), и F=Frameset (набор фреймов).
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| frameborder | 0 1 | Указывает, следует ли отображать рамку фрейма | F |
| longdesc | URL | Указывает страницу, которая содержит подробное описание содержимого фрейма | F |
| marginheight | pixels | Определяет верхний и нижний отступ фрейма | F |
| marginwidth | pixels | Определяет правый и левый отступ фрейма | F |
| name | name | Определяет имя фрейма | F |
| noresize | noresize | Указывает, что размер фрейма не может быть изменен | F |
| scrolling | yes no auto | Указывает, следует ли отображать полосы прокрутки в рамке | F |
| src | URL | Указывает URL документа, который показывается во фрейме | F |
Стандартные атрибуты
Тег<frame> поддерживает следующие стандартные атрибуты:| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| class | classname | Определяет имя класса для элемента | STF |
| id | id | Определяет уникальный id для элемента | STF |
| style | style_definition | Определяет встроенный стиль для элемента | STF |
| title | text | Определяет дополнительную информацию об элементе | STF |
Более подробная информация о Стандартных атрибутах.
Атрибуты событий
Тег<frame> не поддерживает не один из атрибутов событий.Более подробная информация о Атрибуты событий.
Пример 1
Как сделать набор горизонтальных фреймов с тремя различными документами.<frameset rows="50px,*,50px"> <frame src="http://xhtml.co.il/tryit/html/frame_a.htm" /> <frame src="http://xhtml.co.il/tryit/html/frame_b.htm" /> <frame src="http://xhtml.co.il/tryit/html/frame_c.htm" /> </frameset>
Пример 2
Как создать набор фреймов с тремя документами, и как перемешать их в строках и колонках.<frameset rows="250px,250px">
<frame src="http://xhtml.co.il/tryit/html/frame_a.htm" />
<frameset cols="250px,*">
<frame src="http://xhtml.co.il/tryit/html/frame_b.htm" />
<frame src="http://xhtml.co.il/tryit/html/frame_c.htm" />
</frameset>
</frameset>Пример 3
Как использовать тег <noframes><frameset cols="250px,*,250px">
<frame src="http://xhtml.co.il/tryit/html/frame_a.htm" />
<frame src="http://xhtml.co.il/tryit/html/frame_b.htm" />
<frame src="http://xhtml.co.il/tryit/html/frame_c.htm" />
<noframes>
Извените, ваш браузер не поддерживает фреймы !
</noframes>
</frameset>Пример 4
Как использовать атрибут "noresize". Нельзя изменить размеры фреймов. Проведите мышкой над границами между фреймами и обратите внимание, что вы не можете передвинуть границы.<html> <frameset cols="250px,*,250px"> <frame src="http://xhtml.co.il/tryit/html/frame_a.htm" noresize="noresize" /> <frame src="http://xhtml.co.il/tryit/html/frame_b.htm" /> <frame src="http://xhtml.co.il/tryit/html/frame_c.htm" /> </frameset> </html>
Пример 5
Как создать фрейм навигации. Фрейм навигации включает список ссылок с целью на второй фрейм. Файл, называемый "tryhtml_contents.htm" включает три линка.<frameset cols="250,*"> <frame src="http://xhtml.co.il/tryit/html/tryhtml_contents.htm" /> <frame src="http://xhtml.co.il/tryit/html/frame_a.htm" name="showframe" /> </frameset>
Пример 6
Пример демонстрирует два фрейма. Один фрейм имеет источник на указанную секцию в файле. Указанная секция имеет <a name="C10"> в файле "link.html".<html> <frameset cols="200,*"> <frame src="http://xhtml.co.il/tryit/html/frame_a.htm" /> <frame src="http://xhtml.co.il/tryit/html/link.htm#C10" /> </frameset> </html>
Пример 7
Этот пример показывает два фрейма. Навигационный фрейм (content.htm) слева содержит список ссылок со второго фрейма (link.htm) в качестве цели. Второй фрейм показывает, связанный документ. Одна из ссылок в навигационном фрейме связанна с указанной частью файла цели.<frameset cols="180,*"> <frame src="http://xhtml.co.il/tryit/html/ru/content.htm" /> <frame src="http://xhtml.co.il/tryit/html/link.htm" name="showframe" /> </frameset>
Была ли эта информация полезной?
