Разработка магазинов с гарантией попадания в ТОП поисковых систем

Узнать подробнее
Eltisbook > HTML учебник > Фреймы в HTML

Фреймы в HTML

«Фреймы в HTML» – десятый урок учебника HTML. В этом уроке мы поговорим об использовании фреймов в HTML, разберем фреймовую структуру и научимся создавать фреймы самостоятельно.

В современном интернет остается все меньше сайтов, которые используют фреймовую структуру, но иногда использование фреймов может упростить некоторые задачи, возникающие при создании сайта.

Особенности фреймов в HTML.

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

Но ведь аналогичную операцию можно выполнить посредствам PHP блоков, что само по себе намного проще и эффективнее, если конечно ваш хостинг способен обрабатывать PHP инструкции.

У использования фреймов есть один огромный недостаток, который полностью перечеркивает все возможные достоинства этого метода. А именно – использование фреймов очень сильно затрудняет индексирование сайта поисковыми машинами. А поисковая оптимизация – неотъемлемый этап жизни для любого сайта.

Ввиду сказанного выше сам я фреймы никогда не использую и вряд ли буду.

Но для общего развития стоит сказать несколько слов о создании фреймов в HTML.

Создание фреймов.

В создании фреймов нет ничего трудного. Вместо тела документа <body></body> используется конструкция вида<frameset></frameset>.

Вообще структура кода при создании фреймов очень напоминает табличную 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>
FRAME1 FRAME3
FRAME2

Идея очень проста. Для начала создается основной фрейм, который покрывает собой всю страницу. В атрибутах данного фрейма мы указываем, что он будет разбит на два подфрейма в соотношении 3/7. Далее, перед закрытием основного фрейма, мы создаем еще одно окно внутри левой части основного фрейма и в его атрибутах указываем, что он будет также разбит на два подфрейма по вертикали и с заданными параметрами высоты (100 и 200 px).

После разбиения экрана на 3 основных фрейма мы начинаем встраивать в них внешние файлы. В два левых фрейма мы вставляем html документы, а в правый — изображение.

Это важно.

Здесь стоило бы заметить, что заполнение фреймов начинается с самого левого, самого верхнего и самого младшего фрейма.

Как вы можете видеть в примере первым делом заполняется FRAME1, т. к. он является самым младшим фреймом, расположенным в левом верхнем углу. Соответственно последним заполняется FRAME3, т. к. он самый старший фрейм в созданной нами иерархии.


В данном уроке мы бросили беглый взгляд на работу с фреймами. Должен сделать одно замечание: в этом уроке я сказал, что использование фреймов часто неоправданно ввиду того, что поисковые машины не умеют правильно их индексировать или не индексируют вообще. Но бывают ситуации, когда использование фреймов может сильно упростить некоторые процессы, например при создании CMS (системы управления контентом или просто движка для сайта), когда индексирование ПМ не требуется.

В следующем уроке будут подведены итоги обучения HTML.