| HTML | WebReference

  • Содержание
    • Синтаксис
    • Закрывающий тег
    • Атрибуты
    • Пример
    • Спецификация
    • Браузеры

Определяет структуру фреймов на веб-странице. Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная веб-страница, определяемая с помощью элемента <frame>. С помощью фреймов веб-страница делится на два или более документа, которые обычно содержат навигацию по сайту и его контент. Механизм фреймов позволяет открывать документ в одном фрейме, по ссылке, нажатой в совершенно другом фрейме. Элемент <frameset> (от англ. frame set — набор рамок) заменяет собой <body> на веб-странице. Допустимо использовать вложенную структуру элементов, это позволяет разбить один фрейм на две и более области.

При использовании фреймов примите во внимание их следующие особенности.

  • Поисковые системы плохо работают с фреймовой структурой, поскольку на страницах, которые содержат контент, обычно нет ссылок на другие документы.
  • Фреймы скрывают адрес страницы на которой находится посетитель и устанавливаемый через элемент <title>, и всегда показывают только адрес сайта. По этой причине понравившуюся страницу невозможно поместить в раздел «Избранное» браузера.
  • Пользователь зачастую оказывается на сайте, совершенно не представляя, куда он попал, потому что всего лишь нажал на ссылку, полученную в поисковой системе. Чтобы посетителю сайта было проще разобраться, где он находится, на каждую страницу помещают название сайта, заголовок страницы и навигацию. Фреймы, как правило, нарушают данный принцип, отделяя заголовок сайта от содержания, а навигацию от контента. Представьте, что вы нашли подходящую ссылку в поисковой системе, нажимаете на неё, а в итоге открывается документ без названия и навигации. Чтобы понять, где мы находимся или посмотреть другие материалы, придётся редактировать путь в адресной строке, что в любом случае доставляет неудобство.
  • Большое число фреймов требует для браузера выделения больше памяти, чем обычно.

Данный элемент устарел, не используйте его.

Синтаксис

<frameset>
  <frame>
</frameset>

Закрывающий тег

Обязателен.

Атрибуты

border
Толщина границы между фреймами.
bordercolor
Цвет линии границы.
cols
Устанавливает ширину или пропорции фреймов в виде колонок.
frameborder
Определяет, отображать рамку вокруг фрейма или нет.
rows
Задаёт размер или пропорции фреймов в виде строк.

Пример

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Frameset//EN» «http://www.w3.org/TR/html4/frameset.dtd»> <html> <head> <meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″> <title>FRAMESET</title> </head> <frameset rows=»80,*» cols=»*»> <frame src=»page/top.html» name=»topFrame» scrolling=»no» noresize> <frameset cols=»80,*»> <frame src=»page/left.
html» name=»leftFrame» scrolling=»no» noresize> <frame src=»page/main.html» name=»mainFrame»> </frameset> </frameset> </html>

Некоторые примеры организации фреймов приведены ниже.

Фрейм 1Фрейм 2
Фрейм 3Фрейм 4
Фрейм 5Фрейм 6
Фрейм 1Фрейм 2
Фрейм 3
<frameset rows="33%,33%,*" cols="50%, 50%">
 <frame src="r1c1.html" name="Фрейм 1">
 <frame src="r1c2.html" name="Фрейм 2">
 <frame src="r2c1.html" name="Фрейм 3">
 <frame src="r2c2.html" name="Фрейм 4">
 <frame src="r3c1.html" name="Фрейм 5">
 <frame src="r3c2.html" name="Фрейм 6">
</frameset>
<frameset rows="*" cols="80,*">
 <frame src="frame1.
html" name="Фрейм 1"> <frameset rows="80,*"> <frame src="frame2.html" name="Фрейм 2"> <frame src="frame3.html" name="Фрейм 3"> </frameset> </frameset>

Спецификация

СпецификацияСтатус
HTML 4.01 SpecificationРекомендация

Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.

Браузеры

3121411
1161

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Фреймы

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 18.02.2020

Редакторы: Влад Мержевич

HTML Тег. Не поддерживается в HTML5.

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮Назад Полный HTML Ссылки Дальше ❯



Для HTML5

Рекомендуем использовать аналогичный тег iframe.


Пример

Простая страница с тремя рамками:

<frameset cols=»25%,50%,25%»>
  <frame src=»frame_a.htm»>
  <frame src=»frame_b.htm»>
  <frame src=»frame_c.htm»>
</frameset>

Подробнее «Попробуйте сами» примеры ниже.


Определение и использование

Тег <frame> не поддерживается в HTML5.

Тег <frame> определяет одно конкретное окно (фрейм) в <frameset>.

Каждый <frame> в <frameset> может иметь различные атрибуты, такие как граница, прокрутка, возможность изменения размера и т. д.

Примечание: Если вы хотите проверить страницу, содержащую кадры, убедитесь, что <!DOCTYPE> имеет значение либо «HTML Frameset DTD» или «XHTML Frameset DTD».


Поддержка браузера

Элемент
<frame>ДаДаДаДаДа

Различия между HTML 4,01 и HTML5

Тег <frame> не поддерживается в HTML5.


Различия между HTML и XHTML

В HTML тег <frame> не имеет конечного тега. В XHTML тег <frame> должен быть правильно закрыт.



Дополнительные атрибуты

АтрибутЗначениеОписание
frameborder0
1
Не поддерживается в HTML5.
Указывает, следует ли отображать рамку вокруг фрейма
longdescURLНе поддерживается в HTML5.
Задает страницу, содержащую подробное описание содержимого фрейма
marginheightpixelsНе поддерживается в HTML5.
Определяет верхний и нижний пределы рамки
marginwidthpixelsНе поддерживается в HTML5.
Задает левое и правое поля фрейма
nametextНе поддерживается в HTML5.
Задает имя фрейма
noresizenoresizeНе поддерживается в HTML5.
Указывает, что фрейм не изменяется
scrollingyes
no
auto
Не поддерживается в HTML5.
Указывает, следует ли отображать полосы прокрутки в рамке
srcURLНе поддерживается в HTML5.
Указывает URL-адрес документа, который должен отображаться в фрейме

Попробуйте сами-примеры

Horizontal frameset
Как сделать горизонтальный фрейм с тремя различными документами.

Mixed frameset
Как сделать набор фреймов с тремя документами и как их смешивать в строках и столбцах.

Frameset with noresize=»noresize»
Как использовать атрибут «noresize». Граница между фреймом A и B не изменяется.

❮Назад Полный HTML Ссылки Дальше ❯

Популярное

html картинка
как вставить картинку в html
цвет текста фона
размер текста html
цвет размер шрифта html
формы html
список html
таблица html
как сделать ссылку в html
html элементы



Copyright 2018-2020 HTML5CSS.ru

Правила и Условия Политика конфиденциальности О нас Контакты

HTML-фреймы и наборы фреймов — изучите примеры

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

Предупреждение:  Не используйте тег body при использовании фреймов. Используйте вместо , а не внутри . Точно так же никакие другие теги, такие как абзацы и т. д., нельзя использовать вместе с фреймами, кроме как внутри 9.0007 </code> тег.</p><h4><span class="ez-toc-section" id="HTML_Frames_Tags"> HTML Frames Tags и список элементов </span></h4><h5></h5><Frameset> Список атрибутов</h5><table><tbody><tr><td> <strong> Атрибут </strong></td><td> <strong> </strong></td><td> <strong> Syntax &#038; Пример 9006</td></tr></td><td> <strong>. набор фреймов и размер каждой строки.</td><td> <code> rows="20%,60%,20%" </code></td></tr><tr><td> cols</td><td> используется для определения количества столбцов в наборе фреймов и размера каждого столбца.</td><td> <code> cols="25%,50%,25%" </code></td></tr><tr><td> граница</td><td> используется для определения ширины границы набора фреймов.</td><td> <code> border="5" </code></td></tr><tr><td> bordercolor</td><td> used to set color of border between frames</td><td> <code> bordercolor="blue" </code></td></tr><tr><th> <strong> <em> <code><frame> </code>  Attribute List </em> </strong></th></tr><tr><td> <strong> Атрибут </strong></td><td> <strong> Описание </strong></td><td> <strong> Синтаксис и пример </strong></td></tr><tr><td> src</td><td> используется для указания URL-адреса файла или страницы, который должен быть загружен во фрейме.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/myaprel.ru/uploads/posts/2012-12/1354734796_fr.jpg' /><noscript><img loading='lazy' src='/800/600/http/myaprel.ru/uploads/posts/2012-12/1354734796_fr.jpg' /></noscript></td><td> <code> src="page1.html" </code></td></tr><tr><td> имя</td><td> используется для присвоения имени фрейму. Полезно определить фрейм для загрузки документа, используя цель ссылки.</td><td> <code> name="left-frame" </code></td></tr><tr><td> noresize</td><td> используется для отключения изменения размера окна фрейма</td><td> <code> noresize="noresize" </code></td></tr></tbody></table><hr/><h4><span class="ez-toc-section" id="i-16"> Набор фреймов </span></h4><p> Все фреймы определяются в наборе фреймов. Чтобы использовать набор фреймов, используйте тег <code><frameset> </code> и избегайте тега <code><body> </code>. Мы можем установить атрибуты строк и столбцов для этого набора фреймов, чтобы определить макет.</p><p> Пример набора фреймов:  <code><frameset rows="70%,30%" border="3"> </code></p><p> В приведенном выше примере будут созданы два вертикальных раздела. Первый займет 70% окна браузера, а второй — 30%.</p><hr/><h4><span class="ez-toc-section" id="i-17"> Фрейм </span></h4><p> Каждый раздел фрейма определяется с помощью тега фрейма вместе со страницей или исходным файлом, который вы хотите загрузить в этот фрейм.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/sao.ru/hq/vch/RusDoc/js_tut/_pic_/image418.gif' /><noscript><img loading='lazy' src='/800/600/http/sao.ru/hq/vch/RusDoc/js_tut/_pic_/image418.gif' /></noscript> Вы можете задать имя для каждого кадра. Это поможет, когда вы хотите загрузить страницу в определенный фрейм при нажатии на какую-либо ссылку.</p><p> Пример набора фреймов:  <code><frame name="left-frame" src="left-section.html"> </code></p><pre> <!DOCTYPE html> <html> <frameset cols="25%,50%,25%"> <frame src="page1.htm"> <frame src="page2.htm"> <кадр src="page3.htm"> </frameset> </html> </pre><hr/><h4><span class="ez-toc-section" id="i-18"> Без фрейма </span></h4><p> Некоторые старые браузеры не поддерживают фреймы. Мы можем использовать тег <code> <noframes> </code> вместе с фреймами. Браузер загрузит <code> <noframes> </code>  контент, если фреймы не поддерживаются. Таким образом, мы можем добавить основной текст и некоторое сообщение, если фрейм не загружен.</p><hr/><h4><span class="ez-toc-section" id="i-19"> Полный пример набора фреймов </span></h4><pre> <HTML> <ГОЛОВА> <TITLE>Полный пример набора фреймов HTML | TutorialsClass.com</TITLE> </ГОЛОВА> <frameset cols="30%, 70%" bordercolor="синий" noresize="noresize"> <frameset rows="100, 200" bordercolor="красный"> <frame name="first-frame" src="page1.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/1.bp.blogspot.com/-w59Y_MpMHD4/Tuyvak2PzEI/AAAAAAAAAXc/e0zy41GGIXs/s1600/10.png' /><noscript><img loading='lazy' src='/800/600/http/1.bp.blogspot.com/-w59Y_MpMHD4/Tuyvak2PzEI/AAAAAAAAAXc/e0zy41GGIXs/s1600/10.png' /></noscript> html"> <frame name="second-frame" src="page2.html"> </frameset> <frame name="третий кадр" src="page3.html"> <без кадров> <p> Этот документ содержит содержимое фреймов. Ваш браузер его не поддерживает. </p>

В приведенном выше примере сначала создаются две секции кадра, 30% и 70%. Теперь первый кадр снова делится на два кадра с 50% и 50%. Вы можете видеть, что каждый фрейм имеет исходную HTML-страницу для загрузки, например: page1.html, page2.html и page3.html.

  • Предыдущая страница

Поздравляем! Глава завершена. Узнайте больше по похожим темам:

Упражнения и задания
Содержимое не найдено.
Вопросы и ответы для интервью
Содержимое не найдено.

Набор фреймов HTML — W3schools

Тег HTML

Тег HTML не поддерживается в HTML 5. Он использовался для указания набора фреймов в HTML, который содержит один или несколько элементов. Элемент HTML использовался для указания области в файле HTML для отображения другой веб-страницы HTML внутри нее. Таким образом, веб-страница делится на несколько разделов или фреймов. В настоящее время тег HTML