Фреймы HTML
Используя рамки, вы можете отображать не одну страницу в одном окне браузера.
Пример
- Вертикальная рамка
- Этот пример демонстрирует: как создать вертикальную рамку, используя три разных документа
- Горизонтальная рамка
- Этот пример демонстрирует: как создать горизонтальную рамку, используя три разных документа
(Более подробные примеры можно найти в нижней части этой страницы)
Рамка
Используя рамки, вы можете отображать не одну страницу в одном окне браузера. Каждая HTML документ называется рамкой, и каждая рамка независима от других рамок.
Недостатки использования рамок:
- Разработчикам необходимо одновременно отслеживать больше HTML документов
- 很难打印整个页面
- Тег <frameset> (рамочная структура)
-
- Тег <frameset> (рамочная структура) определяет, как窗口 будет разделен на рамки
- Каждый <frameset> определяет ряд строкилиКолонки
- Значения rows/columns определяют площадь, занимаемую каждой строкой или колонкой.
Примечание редактора:Тег <frameset> также может быть переведен как "рамка-сборка".
Тег <frame> (рамка)
Тег <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>
Основные注意事项 - полезные советы:
Если рамка имеет видимые рамки, пользователь может перетаскивать рамки, чтобы изменить их размер. Чтобы избежать этого, можно добавить в тег <frame>: noresize="noresize".
Добавьте тег <noframes> для браузеров, которые не поддерживают фреймы.
Важное замечание:Не может быть использован тег <body></body> вместе с тегом <frameset></frameset>! Однако, если вы добавляете тег <noframes>, содержащий текст, его необходимо поместить в теги <body></body> (см. первый пример, как это делается.).
Более примеров
- Как использовать тег <noframes>
- Этот пример демонстрирует: как использовать тег <noframes>.
- Смешанная структура фреймов
- Этот пример демонстрирует, как создать структуру фрейма с тремя документами, которые смешаны в строках и столбцах.
- Структура фрейма с атрибутом noresize="noresize"
- Этот пример демонстрирует использование атрибута noresize. В этом примере фрейм не может быть изменен по размеру. При перетаскивании мыши по границам фрейма, вы会发现, что граница не может быть перемещена.
- Навигационный фрейм
- Этот пример демонстрирует, как создать навигационный фрейм. Навигационный фрейм содержит список ссылок, которые указывают на второй фрейм в качестве目标是. Файл "contents.htm" содержит три ссылки.
- Внутренний фрейм
- Этот пример демонстрирует, как создать фрейм вlined (фрейм в HTML странице).
- Перейти к указанной секции в фрейме
- Этот пример демонстрирует два фрейма. Один из фреймов содержит ссылку на указанную секцию в другом файле. Файл "link.htm" указывает на секцию, идентифицированную с помощью <a name="C10">.
- Использование навигации фреймов для перехода к указанной секции
- Этот пример демонстрирует два фрейма. Левый навигационный фрейм содержит список ссылок, которые указывают на второй фрейм в качестве目标是. Второй фрейм показывает документ, на который указывает ссылка. Ссылки в навигационном фрейме указывают на разделы, указанные в целевом файле.
