Главная/ Cправочник HTML, CSS, Javascript/ HTML справочник : HTML теги, HTML атрибуты, мета теги, спецсимволы/ Tags/ HTML тег frameset | назначение, синтаксис, атрибуты, примеры

Тег frameset

Последнее обновление: 23.01.2011

Тег <frameset> (англ. frame set — набор фреймов) задает структуру фреймов (автономных областей в окне браузера).

HTML: 3.2 | 4 / XHTML: 1.0 (Strict, Transmissional, Frameset) | 1.1

Синтаксис


<frameset>
<frame/>
</frameset>

Атрибуты



border толщина границ между фреймами.
Отсутствует в спецификации HTML 4.01!
bordercolor цвет границ. Opera параметр игнорирует!
Отсутствует в спецификации HTML 4.01!
class определяет имя используемого класса
cols задает пропорции колонок. Возможны варианты: размер в пикселях, размер в процентах и символ «*», который означает «все оставшееся место». Значения перечисляются через запятую
frameborder определяет наличие границ фрейма. 1 — есть граница, 0 — нет.
Отсутствует в спецификации HTML 4.01!
framespacing определяет расстояние между фреймами в пикселях. Значение по умолчанию «2».
Отсутствует в спецификации HTML 4.01!
id уникальный идентификатор
onload окончание загрузки всех фреймов
onunload удаление документа из фрейма
rows задает пропорции строк. Возможны варианты: размер в пикселях, размер в процентах и символ «*», который означает «все оставшееся место». Значения перечисляются через запятую
style задает встроенную таблицу стилей
title всплывающая подсказка

Пример

Создаем два фрейма. Первый фрейм — панель слева, шириной 120 пикселей. Под второй отводиться все оставшееся место.


<frameset cols="120,*">
<frame src="1/" name="panelFrame" frameborder="0"/>
<frame src="2/" name="mainFrame" frameborder="0"/>
</frameset>

Посмотреть результат

Допускается использовать вложенные frameset для более сложных структур


<frameset rows="*" cols="40%,60%">
<frame src="1/" name="frame1"/>
<frameset rows="100,*">
<frame src="2/" name="frame2"/>
<frame src="3/" name="frame3"/>
</frameset>
</frameset>

Посмотреть результат

Рекомендации по использованию

  • закрывающий тег обязателен (</frameset>)
  • может содержать теги <frame>, <noframes> и <frameset>
  • применения фреймов, в соответствии со стандартами W3C, необходимо указывать соответствующий тип документа, например HTML 4.01 Frameset или XHTML 1.0 Frameset
  • обязательных атрибутов нет
  • используйте атрибут longdesc, чтобы сделать документ с фреймами доступнее для людей, использующих невизуальные браузеры. Этот атрибут задает ресурс, который предоставляет полное описание фрейма
  • используйте альтернативное содержимое для браузеров, которые не поддерживают фреймы (или сконфигурированы так, чтобы не отображать их) с помощью тега <noframes>

Тег <frameset> задает способ разметки страницы на отдельные области. Тег <frame> определяет свойства каждой такой области — фрейма. В каждый фрейм загружается самостоятельная веб-страница определяемая с помощью атрибута src. Рекомендуется задавать каждому фрейму имя через атрибут name. Это особенно важно, если требуется по ссылке из одного фрейма загружать документ в другой.

Теги <frameset> и <body> взаимоисключающие. Т.е. применяя тег <frameset>, <body> писать не нужно, например:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head>
<title>Тег frameset | назначение, синтаксис, параметры, примеры</title>
</head>
<frameset cols="120,*">
<frame src="1/" name="panelFrame" frameborder="0"/>
<frame src="2/" name="mainFrame" frameborder="0"/>
</frameset>

</html>

При использовании фреймовых структур помните, что фреймы:

  • затрудняют индексацию сайта поисковыми системами
  • уменьшают скорость загрузки сайта

Фреймы применяются при построении больших информационных порталов, когда выбор определенной ссылки в одном фрейме не ведет к перегрузке всей страницы, а только страницы в данном фрейме. Однако, при использовании технологии AJAX можно обновлять определенные объекты без перегрузки всей страницы. Поэтому использование фреймов в настоящее время оправдано редко.

Твой код:

Результат: