Розбиття вікна браузера на фрейми

Атрибути cols і rows визначають компонування фреймів у вікні браузера. Cols використовується для поділу вікна вертикально на два або більше кількість фреймів, а rows - для поділу вікна горизонтально на два або більшу кількість фреймів. тег може визначати cols і rows.

Атрибут cols задає число і ширину фреймів у відсотках від ширини вікна браузера або як певне число пікселів в ширину. Rows визначає число і висоту фреймів у відсотках від висоти вікна браузера або як певне число пікселів у висоту. Зазвичай краще використовувати відсотки для вираження розмірів фреймів, так як вони залишаються пропорційними, коли користувач змінює розмір вікна браузера.

Приклад 1. Розбиття вікна на два фрейми по вертикалі:

Ваш браузер не підтримує фрейми

Кожне вікно фрейма, яке формується всередині головного вікна (web сторінки або ж вікна програми) створюється за допомогою окремого елемента Frame. Тег Frame є поодиноким і в ньому ми задаємо шлях до того документа, який повинен буде довантажувати в це вікно фрейма.

Третій елемент структури фреймів - Noframes. Тег Noframes парний і дозволяє написати всередині текст, який буде оброблений браузером і відображений на web сторінці тільки в тому випадку, якщо браузер не підтримує фрейми. Наприклад, в разі використання браузера для мобільних пристроїв.

В тег Noframes додають не тільки інформацію про ситуацію неможливості обробки фреймів, а й додають можливість перейти на інші сторінки, де можна продовжити роботу без використання фреймових структур.

Як значення атрибутів Cols і Rows Html тега Frameset виступають числа, проставлені через кому без пробілів. Ці числа задають пропорції тих фреймів, які вийдуть в результаті. Скільки буде написано чисел через кому в атрибуті Cols або в атрибуті Rows, стільки фреймів вийде.

Приклад розбиття вікна на три вертикальних фрейма в пропорції 2: 5: 3.

Скільки фреймів формуємо, стільки елементів Frame вводиться між відкриває і закриває тегом Frameset три елементи Frame, хоча б і без вказівки додаткових атрибутів:

Описана фреймова структура буде виглядати так:

Третій варіант пропорційного розподілу простору для фреймів вводиться через зірочку «*» або зірочку з цифрою попереду, наприклад, «5 *» (для п'яти рівних фреймів).

Висота першого рядка взята в 200 пікселів, другий - 500 пікселів, а третій рядок вікна фрейма буде займати все залишився по висоті, тому що як її розміру використовувалася «*».

Самостійно подивіться, що вийде, якщо використовувати значення «*» з цифрою для поділу в пропорції:

Завдання 1. Опишіть розмірність отриманих в результаті фреймів.

Можна поєднувати способи завдання розмірів вікон фреймів в одному атрибуті:

В результаті ми отримаємо першу колонку фрейма шириною в десять відсотків від всієї доступної області, другу - 100 пікселів, а три залишилися колонки з фреймами матимуть ширину в пропорціях чотири, три і дві дев'ятих від простору, що залишилося по ширині. Ось так ось все просто і наочно.

Якщо необхідно розбити основне вікно не тільки на горизонтальні і вертикальні фрейми, а, наприклад, на їх комбінації, то можна буде для цього використовувати вкладену структуру елементів Frameset окремо для колонок і окремо для рядків з фреймами.

Розбиваємо за допомогою тега «frameset cols =" 20%, 80% "" весь доступний простір на дві колонки по вертикалі і задаємо тегом "frame" вміст правої колонки, а ось замість того, що додати елемент "frame" для лівої колонки, ми відкриваємо новий елемент "frameset rows =" 10%, * »" і вже за допомогою нього розбиваємо праву колонку на два рядки з фреймами, вміст яких задаємо за допомогою двох тегів «frame», після чого закриваємо обидва контейнера «frameset».

Отже, за допомогою елемента Frameset і його атрибутів Cols і Rows сформована структура фреймів і задані їх розміри.