УРОКИ HTML HTML5 XHTML ПРИМЕРЫ HTML СПРАВОЧНИК HTML ГОСТЕВАЯ

HTML Урок 17 Фреймы

« Назад Далее »

С помощью фреймов несколько Веб страниц могут быть отображены в одном окне браузера .

ВНИМАНИЕ. В будущих версиях HTML фреймы могут перестать поддерживаться.


Примеры

Примеры

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

Горизонтальное расположение фреймов
Как сделать строку фреймов из трех различных документов.

(Вы найдете больше примеров внизу этой страницы).


HTML Фреймы

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

Недостатки в использовании фреймов:

  • Фреймы могут перестать поддерживаться в будущих версиях HTML
  • Фреймы сложно использовать. (Печать старницы целиком затруднительна).
  • Веб разработчик должен следить за большим количеством HTML документов.

HTML Элемент frameset

Элемент frameset содержит один или более элементов frame. Каждый элемент frame может содержать отдельный документ.

Элемент frameset указывает СКОЛЬКО столбцов или строк будет в наборе фреймов , и СКОЛЬКО процентов/пикселей пространства будет занимать каждый фрейм.


HTML Элемент frame

Тег <frame> определяет одно отдельное окно (фрейм) внутри набора фреймов (frameset).

В пример ниже мы имеем набор фреймов с двумя столбцами.

Первый столбец занимает 25% ширины окна браузера. Второй столбец занимает 75% ширины окна браузера. Документ "frame_a.htm" помещен в первый столбце, и документ "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>
Как использовать тег <noframes> (для браузеров, которые не поддерживают фреймы).

Вложенные наборы фреймов
Как создать вложенные наборы фреймов.

Набор фреймов с атрибутом noresize="noresize"
Как использовать атрибут noresize. Переместите мышь на границу между фреймами и убедитесь, что не можете ее перетащить.

Фрейм навигации
Как сделать фрейм навигации. Этот фрейм содержит список ссылок со вторым фреймом в качестве назначения, где будут открываться эти ссылки. Файл "tryhtml_contents.htm" содержит три ссылки. Исходный код ссылок:
<a href ="frame_a.htm" target ="showframe">Frame a</a><br>
<a href ="frame_b.htm" target ="showframe">Frame b</a><br>
<a href ="frame_c.htm" target ="showframe">Frame c</a>
Второй фрейм показывает залинкованный документ.

Переход к определенному разделу внутри фрейма
Два фрейма. Один из фреймов имеет ссылку на определенный раздел в файле. Этот раздел помечается как <a name="C10"> в файле "link.htm".

Переход к указанному разделу с фреймом навигации
Два фрейма. Фрейм навигации слева (content.htm) содержит список ссылок на второй фрейм (link.htm) в качестве назначения. Второй фрейм показывает залинкованный документ. Одна из ссылок во фрейме навигации ссылается на указанный раздел в файле назначения. HTML код в файле "content.htm" выглядит так:
<a href ="link.htm" target ="showframe">Ссылка без анкора </a><br>
<a href ="link.htm#C10" target ="showframe">ссылка с анкором</a>


HTML Теги Фреймов

ТегОписание
<frameset>Определяет набор фреймов
<frame>Определяет фрейм
<noframes>Определяет секцию "без фреймов" - для браузеров, которые не поддерживают фреймы


« Назад Далее »
© 2011-2014 Уроки HTML
Рейтинг@Mail.ru