<<Темы

Урок 11. Фреймовая структура документа

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

Элемент frameset

Задает фреймовую структуру документа. Используется вместо тэга body. Имеет параметры:
cols - соотношение размеров фреймов по горизонтали
rows - соотношение размеров фреймов по вертикали
bordercolor - цвет рамки
frameborder - наличие границы рамки (значения yes/no)
framespacing - ширина рамки

Элемент frame

Задает ссылку на ресурс, используемый во фрейме. Не имеет конечного тэга. Имеет параметры:
src - собственно ссылка на ресурс
name - внутреннее имя элемента
scrolling - наличие полосы прокрутки (yes/no/auto)
noresize - размер рамки-фрейма не будет меняться
marginwidth и marginheight - управляют отступом внутри рамок, служат для выравнивания графического изображения внутри рамки
В совокупности это должно выглядеть примерно так:
<frameset rows="15%,85%">
  <frame src=top_page.htm name=top>
  <frameset cols="200px,*">
    <frame src=left_page.htm name=left>
    <frame src=right_page.htm name=right>
  </frameset>
</frameset>
Ссылки во фреймовой структуре должны сопровождаться атрибутом target - это атрибут связи между фреймами.
Для браузеров, не поддерживающих фреймовую структуру, рекомендуется вставить в конец страницы подобный код:
<noframes>
<body>
Здесь расположите текст, выводимый на экран, если браузер не поддерживает фреймы
</body>
</noframes>

Тэги meta

Метатэги используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Метатэги прописываются в тэге head и не отображаются на экране. Состав метатэгов:
  • Для того, чтобы при просмотре документа браузер брал свежую версию документа, а не версию из кэша, используется
    <meta http-equiv="expires content=Mon, 28 Mar 2000 00:00:01 gmt">
  • Для определения браузером языка, на котором написана страница, используется
    <meta http-equiv="content-type" content="text/html; charset=windows-1251">
  • Для автоматической переадресации страницы через определенный промежуток времени используется
    <meta http-equiv="refresh" content="1; url=http://www.ru">
  • Для указания имени автора и дополнительной информации о нем используется
    <meta name="author" content="Rada, e-mail Rada@ntspi.ru">
  • Для указания авторских прав используется
    <meta name="copyright" content="НТГСПА">
  • Для указания ключевых слов и терминов используется
    <meta name="keywords" content="Образование, академия, педагогика, обучение">
  • Для указания краткого описания сайта используется
    <meta name="description" content="Это официальный сайт Нижнетагильской государственной педагогической академии">

  • С помощью метатэгов можно управлять кешированием. Для разных версий протоколов http применяются свои директивы управления кешированием. Cashe-control - директива протокола http/1.1. А используется она следующим образом:
  • Полный запрет на кеширование:
    <meta http-equiv="cashe-control" content="no-cashe">
  • Документ будет кешироваться браузером, но не будет кешироваться proxy-сервером:
    <meta http-equiv="cashe-control" content="private">
  • Документ будет кешироваться, даже если и не должен, вроде бы, при обычных обстоятельствах:
    <meta http-equiv="cashe-control" content="public">
  • Документ кешируется, но не сохраняется в архиве:
    <meta http-equiv="cashe-control" content="no-store">
  • Можно прямо сказать браузеру "Обнови-ка мне эту страницу" (в параметре max-age указано, на сколько секунд кешируется документ):
    <meta http-equiv="cashe-control" content="max-age=3600, must-revalidate">
  • А можно сказать это только proxy-серверу:
    <meta http-equiv="cashe-control" content="max-age=3600, proxy-revalidate">


  • <<Урок 10 ^ наверх ^ Урок 12>>