Опубликован: 19.05.2006 | Уровень: для всех | Доступ: платный
Лекция 16:

Фрэймы (кадры)

Аннотация: Описываются фреймы и механизмы работы с ними.

Фрэймы - Введение

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

Вот простой документ с фрэймами:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEAD>
<TITLE>Простой набор фрэймов</TITLE>
</HEAD>
<FRAMESET cols="20%, 80%">
  <FRAMESET rows="100, 200">
      <FRAME src="contents_of_frame1.html">
      <FRAME src="contents_of_frame2.gif">
  </FRAMESET>
  <FRAME src="contents_of_frame3.html">
  <NOFRAMES>
      <P>Это набор фрэймов:
      <UL>
         <LI><A href="contents_of_frame1.html">Некоторое содержимое</A>
         <LI><IMG src="contents_of_frame2.gif" alt="Изображение">
         <LI><A href="contents_of_frame3.html">Другое содержимое</A>
      </UL>
  </NOFRAMES>
</FRAMESET>
</HTML>

который выводит фрэймы примерно так:

---------------------------------------
|         |                             |
|         |                             |
| Frame 1 |                             |
|         |                             |
|         |                             |
|---------|                             |
|         |          Frame 3            |
|         |                             |
|         |                             |
|         |                             |
| Frame 2 |                             |
|         |                             |
|         |                             |
|         |                             |
|         |                             |
 ---------------------------------------

Если пользовательский агент (ПА) не может выводить фрэймы (или сконфигурирован так), он будет выводить содержимое элемента NOFRAMES.

Вывод фрэймов

Документ HTML, описывающий вывод фрэймов (называемый документ с фрэймами ), имеет несколько другой состав, нежели документ HTML без фрэймов. Стандартный документ содержит один раздел HEAD и один раздел BODY. Набор фрэймов содержит раздел HEAD, и раздел FRAMESET вместо BODY.

Раздел FRAMESET определяет вывод нескольких кадров в главном окне. Дополнительно раздел FRAMESET может содержать элемент NOFRAMES для представления альтернативного содержимого в ПА, не поддерживающих фрэймы или сконфигурированных так, чтобы не отображать фрэймы.

Элементы, которые могут быть нормально размещены в элементе BODY, не должны появляться перед первым элементом FRAMESET, иначе FRAMESET будет проигнорирован.

Элемент FRAMESET

<![ %HTML.Frameset; [
<!ELEMENT FRAMESET - - ((FRAMESET|FRAME)+ & NOFRAMES?) -- разделение окна -->
<!ATTLIST FRAMESET
  %coreattrs;                          -- id, class, style, title --
  rows        %MultiLengths; #ПРЕДПОЛАГАЕТСЯ -- список размеров, по умолчанию: 100% (1 ряд) --
  cols       %MultiLengths; #ПРЕДПОЛАГАЕТСЯ -- список размеров, по умолчанию: 100% (1 столбец)--
  onload      %Script;       #ПРЕДПОЛАГАЕТСЯ -- все фрэймы загружены -- 
  onunload    %Script;       #ПРЕДПОЛАГАЕТСЯ -- все фрэймы удалены -- 
  >
]]>

Определения атрибутов

rows = multi-length-list [CN]

Определяет вывод горизонтальных фрэймов. Это разделённый запятыми список пикселов, процентов и относительных размеров. По умолчанию - 100%, один ряд.

cols = multi-length-list [CN]

Определяет вывод вертикальных фрэймов. Это разделённый запятыми список пикселов, процентов и относительных размеров. По умолчанию - 100%, один столбец.

Атрибуты, определённые в другом месте

  • id, class (идентификаторы документа )
  • title (название элемента)
  • style (инлайн-стиль)
  • onload, onunload (внутренние события)

Элемент FRAMESET определяет вывод главного пользовательского окна в виде набора прямоугольников (кадров).

Ирина Кириллова
Ирина Кириллова

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

Наталья Алмаева
Наталья Алмаева
Россия
Светлана Казьмина
Светлана Казьмина
Россия, Волгодонск