HTML Основы


HTML Расширенный


HTML Примеры


HTML Справка



HTML-верстка: инструменты и приемы профессиональной front-end разработки

Фреймы в HTML


назад вперед

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


Примеры

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

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

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


Фреймы

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

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

Тег frameset


Тег frame

В примере ниже у нас есть набор фреймов, состоящий из двух колонок. Первая колонка занимает 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> и <frameset>, так как тег <frameset> заменяет тег <body>. Однако, если вы добавляете тег <noframes>, содержащий некоторый текст для браузеров, не поддерживающих фреймы, вы должны поместить этот текст в элементе body. Посмотрите как это сделано в первом примере ниже.


Еще примеры

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

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

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

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

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

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

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

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

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

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

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

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

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


Теги фреймов

Тег Описание
<frameset> Набор фреймов
<frame>
Вставка субокна в окно браузера (фрейм)
<noframes> Вставка текста для браузеров, не поддерживающих фреймы
<iframe> Вставка строчного субокна (фрейма)


Понравилась запись? Сказать "Спасибо" очень просто, поделитесь записью в социальных сетях!


назад вперед

СТАТИСТИКА




ССЫЛКИ


Подпишись на новости сайта