<<Темы
Урок 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">