Фреймы в HTML
«Фреймы в HTML» В этом уроке речь пойдёт об использовании фреймов в HTML. Сегодня мы разберем фреймовую структуру и научимся создавать фреймы самостоятельно.
В последнее время мне очень редко попадаются сайты использующие фреймовую структуру. С чем это связано я не знаю, но иногда
использование фреймов весьма упрощает некоторые задачи, при создании сайта.
Особенности фреймов в HTML.
Главная особенность фреймов это способность
разделить окно браузера на несколько независимых друг от друга зон с возможностью отображать в каждой из них отдельный блок информации. Это может подкупить некоторых, вы вроде как и создаёте общую для всех страниц часть кода в отдельном файле с возможностью дозагрузки её через фрейм.
Но такую же операцию вы сможете выполнять гораздо проще используя
PHP блоки если конечно ваш хостинг способен обрабатывать PHP инструкции.
Фреймовая система постепенно вымирает, ну это и понятно так как у неё есть один очень огромный недостаток который пожалуй с лёгкостью сможет перечеркнуть все её положительные качества. Использование фреймов очень затормаживает и всячески затрудняет индексирование сайта поисковыми машинами. А поисковая оптимизация как вы знаете это самый неотъемлемый и важный этап жизни практически любого сайта. Зная это я не когда не пользовался этим методом и думаю что не придётся но для общего развития мы должна знать о способах его использования.
Создание фреймов.
В создании фреймов нет ничего трудного. Вместо тела документа <body></body> используется конструкция вида <frameset></frameset>.
При создании фреймов, её структура напоминает
HTML
табличную :
- для начала мы разбиваем все окно браузера на несколько областей, по горизонтали <FRAMESET cols="20%, 80%"></FRAMESET> или по вертикали <FRAMESET rows="60%, 40%"></FRAMESET>. Значения пропорций можно указывать как в процентах, так и простым числом, отвечающим за размер в пикселах.
- Далее мы можем разбить каждое окно в отдельности на произвольное количество частей, конструкцией вида <FRAMESET rows="10%, 20%,70%"></FRAMESET> или же подгрузить файл в фрейм конструкцией <FRAME src="frame1.html">.
Давайте приведём пример:
<HTML>
<HEAD>
</HEAD>
<FRAMESET cols="30%, 70%">
<FRAMESET rows="100, 200">
<FRAME src="fr1.html">
<FRAME src="fr2.html">
</FRAMESET>
<FRAME src="imf_1.gif">
</FRAMESET>
</HTML> |
|
Идея очень проста. Для начала создается основной фрейм, который покрывает собой всю страницу. В атрибутах данного фрейма мы указываем, что он будет разбит на два подфрейма в соотношении 3/7. Далее, перед закрытием основного фрейма, мы создаем еще одно окно внутри левой части основного фрейма и в его атрибутах указываем, что он будет также разбит на два подфрейма по вертикали и с заданными параметрами высоты (100 и 200 px).
После разбиения экрана на 3 основных фрейма мы начинаем встраивать в них внешние файлы. В два левых фрейма мы вставляем html документы, а в правый - изображение.
Это важно.
Здесь стоило бы заметить, что заполнение фреймов начинается с самого левого, самого верхнего и самого младшего фрейма.
Как вы можете видеть в примере первым делом заполняется FRAME1, т.к. он является самым младшим фреймом, расположенным в левом верхнем углу. Соответственно последним заполняется FRAME3, т.к. он самый старший фрейм в созданной нами иерархии.
|
Сегодня мы кратенько познакомились с работой фреймов. Хочу уточнить одну детальку: в этом материале я упомянул что использование фреймов часто не оправданно так как сильно тормозит индексацию ваших сайтов или вообще их не индексируют. Но ведь бывает что индексация вам и не нужна к примеру если вы создаёте
CMS
(системы управления контентом или просто движка для сайта) а использование фреймов весьма облегчает выполнения некоторых задач.
/span>lt;FRAME src=
Источник: | 
