frameset

Оновлено: 27.05.2022

<frameset>

Визначає структуру кадрів на вебсторінці. Фрейми розділяють вікно браузера на окремі області, розташовані впритул один до одного. У кожну з таких областей завантажується самостійна вебсторінка, яка визначається за допомогою елемента <frame>. За допомогою кадрів вебсторінка ділиться на два або більше документи, які зазвичай містять навігацію по сайту та його контент. Механізм кадрів дозволяє відкривати документ в одному кадрі за посиланням, натиснутим в іншому кадрі. Елемент <frameset> (від англ. frame set — набір рамок) замінює собою <body> на вебсторінці. Допустимо використовувати вкладену структуру елементів, це дозволяє розбити один кадр на дві та більше областей.

При використанні фреймів візьміть до уваги такі їх особливості:

  • Пошукові системи погано працюють із кадровою структурою, оскільки на сторінках, що містять контент, зазвичай немає посилань на інші документи.
  • Фрейми приховують адресу сторінки, на якій знаходиться відвідувач і встановлюється через елемент <title>, і завжди показують лише адресу сайту. З цієї причини сторінку, що сподобалася, неможливо помістити в розділ «Вибране» браузера.
  • Користувач часто опиняється на сайті, зовсім не уявляючи, куди він потрапив, тому що просто натиснув на посилання, отримане в пошуковій системі. Щоб відвідувачу сайту було простіше розібратися, де він знаходиться, на кожній сторінці розміщують назву сайту, заголовок сторінки та навігацію. Фрейми, як правило, порушують цей принцип, відокремлюючи заголовок сайту від змісту, а навігацію від - контенту. Уявіть, що ви знайшли відповідне посилання в пошуковій системі, натискаєте на неї, а в результаті відкривається документ без назви та навігації. Щоб зрозуміти, де ми знаходимося, або подивитися інші матеріали, доведеться редагувати шлях в адресному рядку, що в будь-якому разі завдає незручності.
  • Велика кількість фреймів потребує для браузера виділення більшого об'єму пам'яті ніж зазвичай.

Цей елемент застарів, не використовуйте його.

Синтаксис

<frameset> <frame> </frameset>

Закриваючий тег

Обов'язковий.

Атрибути

  • Атрибут border

    Атрибут border

    Товщина межі між фреймами.

  • Атрибут bordercolor

    Атрибут bordercolor

    Визначає колір видимих меж між фреймами. Колір батьківського елемента <frameset> можна змінити за допомогою дочірнього елемента <frameset> або індивідуального елемента <frame>.

  • Атрибут cols

    Атрибут cols

    Встановлює ширину або пропорції фреймів у вигляді колонок.

  • Атрибут frameborder

    Атрибут frameborder

    Визначає, чи відображати рамку навколо фрейму.

  • Атрибут rows

    Атрибут rows

    Задає розмір або пропорції фреймів у вигляді рядків.

Приклад

Декотрі приклади організації фреймів наведені нижче.

Фрейм 1 Фрейм 2
Фрейм 3 Фрейм 4
Фрейм 5 Фрейм 6
Фрейм 1 Фрейм 2
Фрейм 3
<span class="support tag"><span class="support tag"><</span><span class="support tag-name">frameset</span></span> <span class="support attribute">rows</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">33%,33%,*</span><span class="string quote">"</span> <span class="support attribute">cols</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">50%, 50%</span><span class="string quote">"</span><span class="support tag close">></span>
 <span class="support tag"><span class="support tag"><</span><span class="support tag-name">frame</span></span> <span class="support attribute">src</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">r1c1.html</span><span class="string quote">"</span> <span class="support attribute">name</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">Фрейм 1</span><span class="string quote">"</span><span class="support tag close">></span>
 <span class="support tag"><span class="support tag"><</span><span class="support tag-name">frame</span></span> <span class="support attribute">src</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">r1c2.html</span><span class="string quote">"</span> <span class="support attribute">name</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">Фрейм 2</span><span class="string quote">"</span><span class="support tag close">></span>
 <span class="support tag"><span class="support tag"><</span><span class="support tag-name">frame</span></span> <span class="support attribute">src</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">r2c1.html</span><span class="string quote">"</span> <span class="support attribute">name</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">Фрейм 3</span><span class="string quote">"</span><span class="support tag close">></span>
 <span class="support tag"><span class="support tag"><</span><span class="support tag-name">frame</span></span> <span class="support attribute">src</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">r2c2.html</span><span class="string quote">"</span> <span class="support attribute">name</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">Фрейм 4</span><span class="string quote">"</span><span class="support tag close">></span>
 <span class="support tag"><span class="support tag"><</span><span class="support tag-name">frame</span></span> <span class="support attribute">src</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">r3c1.html</span><span class="string quote">"</span> <span class="support attribute">name</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">Фрейм 5</span><span class="string quote">"</span><span class="support tag close">></span>
 <span class="support tag"><span class="support tag"><</span><span class="support tag-name">frame</span></span> <span class="support attribute">src</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">r3c2.html</span><span class="string quote">"</span> <span class="support attribute">name</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">Фрейм 6</span><span class="string quote">"</span><span class="support tag close">></span>
<span class="support tag"><span class="support tag"><</span><span class="support tag special">/</span><span class="support tag-name">frameset</span></span><span class="support tag close">></span>
<span class="support tag"><span class="support tag"><</span><span class="support tag-name">frameset</span></span> <span class="support attribute">rows</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">*</span><span class="string quote">"</span> <span class="support attribute">cols</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">80,*</span><span class="string quote">"</span><span class="support tag close">></span>
 <span class="support tag"><span class="support tag"><</span><span class="support tag-name">frame</span></span> <span class="support attribute">src</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">frame1.html</span><span class="string quote">"</span> <span class="support attribute">name</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">Фрейм 1</span><span class="string quote">"</span><span class="support tag close">></span>
 <span class="support tag"><span class="support tag"><</span><span class="support tag-name">frameset</span></span> <span class="support attribute">rows</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">80,*</span><span class="string quote">"</span><span class="support tag close">></span>
 <span class="support tag"><span class="support tag"><</span><span class="support tag-name">frame</span></span> <span class="support attribute">src</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">frame2.html</span><span class="string quote">"</span> <span class="support attribute">name</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">Фрейм 2</span><span class="string quote">"</span><span class="support tag close">></span>
 <span class="support tag"><span class="support tag"><</span><span class="support tag-name">frame</span></span> <span class="support attribute">src</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">frame3.html</span><span class="string quote">"</span> <span class="support attribute">name</span><span class="support operator">=</span><span class="string quote">"</span><span class="string value">Фрейм 3</span><span class="string quote">"</span><span class="support tag close">></span>
 <span class="support tag"><span class="support tag"><</span><span class="support tag special">/</span><span class="support tag-name">frameset</span></span><span class="support tag close">></span>
<span class="support tag"><span class="support tag"><</span><span class="support tag special">/</span><span class="support tag-name">frameset</span></span><span class="support tag close">></span>

Браузери

frameset

Переглянути сумісність з Can I use?

frameset