С фреймами, вы можете показывать более одной веб-страницы в одном окне браузера.
Примеры
Этот пример демонстрирует, как делать вертикальные фреймы с тремя различными документами.
Этот пример демонстрирует, как делать вертикальные фреймы с тремя различными документами.
Этот пример демонстрирует, как делать горизонтальные фреймы с тремя различными документами.
Этот пример демонстрирует, как делать горизонтальные фреймы с тремя различными документами.
Фреймы
С помощью фреймов, вы можете показывать более одного документа HTML в том же окне браузера. Каждый документ HTML, называется фрейм, и каждый документ независим от других.
Недостатки использования фреймов:
- Веб-разработчик должен отслеживать несколько документов HTML
- Трудно вывести на печать всю страницу
Тег Frameset
- Тег <frameset> определяет как разделить окно на документы
- Каждый фрейм определяет набор строк или столбцов
- Значения строки / столбца указывают какую часть экрана каждая строка / столбец будут занимать
Тег Frame
- Тег HTML определяет, какой документ будут введен в каждое окно
В приведенном ниже примере у нас фреймы с двумя колонками.
Первая колонка установлена в 25% от ширины окна браузера.
Вторая колонка установлена в 75% от ширины окна браузера.
Документ HTML "frame_a.htm" помещается в первый столбец, а HTML документ "frame_b.htm" помещается во второй колонке:
<frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset>
Примечание: Рамки значения размеров колонок также можно настроить в пикселях (cols="200,500"), и одна из колонок может быть настроена на использование оставшегося пространства (cols="25%,*") .
Основные примечания - Полезные советы
Если окно имеет видимые границы, то пользователь может изменить его размер, перетащив границу. Чтобы запретить пользователю делать это, вы можете добавить noresize = "noresize" в теге <frame> .
Необходимо добавить тег <noframes> для браузеров, не поддерживающих фреймы..
Важно:
Вы не можете использовать теги <body> </body> вместе с тегами <frameset> </frameset>!
Однако, если вы добавите тег <noframes> содержащий текст для браузеров, не поддерживающих фреймы, вы должны заключить этот текст в теги <body> </body>!
Посмотрите, как это сделано в первом примере.
Больше примеров
Этот пример демонстрирует, как использовать тег noframes HTML
Фреймы с noresize = 'noresize' HTML
Этот пример демонстрирует атрибут noresize.
Окна не изменяемого размера.
Наведите указатель мыши на границу между окнами и обратите внимание, что вы не можете передвинуть границы.
Навигационный фрейм HTML
Этот пример демонстрирует, как сделать навигацию фрейма.
Навигация фрейма содержит список ссылок со вторым фреймом в качестве цели. Файл с названием "tryhtml_contents.htm" содержит три ссылки. Исходный код ссылки:
<a href ="frame_a.htm" target ="showframe">Frame a</a> <a href ="frame_b.htm" target ="showframe">Frame b</a> <a href ="frame_c.htm" target ="showframe">Frame c</a>
Второй фрейм покажет связанный документ.
Этот пример демонстрирует, как создать встроенный фрейм (фрейм внутри HTML-страницы).
Перейти к нужному разделу в пределах фрейма HTML
Этот пример показывает два фрейма. Один из фреймов имеет источник указанный в разделе в отдельном файле. Указанние раздела производится с <a name="C10"> в файле "link.htm".
Перейти к указанному разделу с окном навигации HTML
Этот пример показывает два фрейма. Навигационный фрейм (content.htm) слева содержит список ссылок на второй фрейм (link.htm) в качестве цели.
Второй фрейм показывает связанный документ. Одна из ссылок в навигации фреймов связана с пунктом указанным в разделе в целевом файле.
Код HTML в файле "content.htm" выглядит так:
<a href ="link.htm" target ="showframe"> Ссылка без якоря</a> <a href="link.htm#C10" target ="showframe">Ссылка с якорем</a>
Теги фрейма
| тег | описание |
|---|---|
| <frameset> | Определяет набор фреймов |
| <frame> | Определяет фрейм |
| <noframes> | Определяет noframe для браузеров, которые не обрабатывает фреймы |
| <iframe> | Определяет фрейм содержащий окно |
Была ли эта информация полезной?
