Веб-школа



Используя фреймы, можно отображать несколько веб-страниц в одном окне браузера.

Примеры

Вертикальный фрейм
Пример демонстрирует создание вертикального фрейма из трех различных документов.

Горизонтальный фрейм

Пример демонстрирует создание горизонтального фрейма из трех различных документов.

Фреймы

Использование фреймов позволяет отображать несколько html-документов в одном окне браузера. Каждый отображаемый документ можно представить как «форточку» (субокно). Он называется фреймом и независим от других фреймов.

Недостатки фреймов:

• Разработчик должен следить за большим количеством веб-страниц
• Трудно распечатать всю страницу
• Нельзя добавить страницу в закладки

Тег frameset

• Тег указывает способ вставки фреймов в окно браузера и переводится как набор фреймов
• Каждый фреймсет определяет количество столбцов/строк, т.е. указывает какое количество фреймов должно быть по горизонтали и по вертикали. Проще говоря, он нужен для разметки окна браузера под фреймы
• Значения rows/columns (в пикселях или процентах) определяют какую часть окна будут занимать строки/столбцы

Тег frame

• Тег указывает какой html-документ должен быть загружен в окно браузера

В примере ниже у нас есть набор фреймов, состоящий из двух колонок. Первая колонка занимает 25% ширины окна браузера. Вторая колонка занимает 75% ширины окна браузера. HTML-документ «frame_a.htm» отображается в первой колонке, а html-документ «frame_b.htm» — во второй:

Заметка: Ширина колонки/столбца фреймсета может быть указана в пикселях (cols=»200,500″), либо может быть указано одно значение, а другое будет вычислено автоматически (cols=»25%,*»).

Полезные советы

Если фрейм имеет видимые границы, пользователь может изменить его размеры, перетаскивая границы фреймов мышью. Чтобы запретить пользователю изменение размеров фреймов, вы должны добавить атрибут noresize=»noresize» к тегу .

Для браузеров, не поддерживающих фреймы, надо добавить тег .

Внимание: Нельзя использовать одновременно теги и , так как тег заменяет тег . Однако, если вы добавляете тег , содержащий некоторый текст для браузеров, не поддерживающих фреймы, вы должны поместить этот текст в элементе body. Посмотрите как это сделано в первом примере ниже.

Еще примеры

Использование тега

Смешанный набор фреймов

Пример демонстрирует создание набора фреймов из трех документов и комбинирование этих документов в строках и колонках.

Набор фреймов с атрибутом noresize=»noresize»

Пример демонстрирует атрибут noresize. Размеры фреймов не могут быть изменены. Подвигайте мышью над границами фреймов и убедитесь, что они действительно не изменяют размеры.

Фрейм-навигация

Узнаем, как можно сделать навигацию для сайта с использованием фреймов. Фрейм-навигация содержит список ссылок, которые открываются во втором фрейме.

Строчный фрейм

Пример демонстрирует строчный фрейм (фрейм, который можно вставить среди других элементов HTML).

Автоматический переход в определенное место документа

Пример демонстрирует переход в определенное место документа при загрузке.

Переход в определенное место документа с помощью фрейма-навигации

Пример аналогичен предыдущему, но здесь переход в определенное место документа осуществляется по нажатию на ссылку во фрейме-навигации.

Теги фреймов