Фреймы

Images

SlideshowSlideshow GalleryModal ImagesLightboxResponsive Image GridImage GridTab GalleryImage Overlay FadeImage Overlay SlideImage Overlay ZoomImage Overlay TitleImage Overlay IconImage EffectsBlack and White ImageImage TextImage Text BlocksTransparent Image TextFull Page ImageForm on ImageHero ImageBlur Background ImageChange Bg on ScrollSide-by-Side ImagesRounded ImagesAvatar ImagesResponsive ImagesCenter ImagesThumbnailsBorder Around ImageMeet the TeamSticky ImageFlip an ImageShake an ImagePortfolio GalleryPortfolio with FilteringImage ZoomImage Magnifier GlassImage Comparison Slider

HTML Теги

<!—><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><big><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><data><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form><frame><frameset><h1> — <h6><head><header><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><main><map><mark><menu><menuitem><meta><meter><nav><noframes><noscript><object><ol><optgroup><option><output><p><param><picture><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><span><strike><strong><style><sub><summary><sup><svg><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video>

frame (существительное)[править]

ед. ч. мн. ч.
frame frames

frame

Существительное.

Корень: .

Семантические свойстваправить

Значениеправить

  1. каркас, остов; скелет, костяк ◆ The frame of a building — Каркас здания ◆ The gigantic frame of a mammoth — Гигантский скелет мамонта
  2. рама, ферма, несущая конструкция; станина; леса, стропила ◆ Girder frame — Раскосная ферма ◆ Field frame — Станина электромашины постоянного тока
  3. рама, рамка ◆ Picture frame — Рама для картины ◆ Photograph frame — Рамка для фотографии
  4. сруб ◆ Отсутствует пример употребления (см. рекомендации).
  5. мн. ч. оправа (очков) ◆ The gold frames of her glasses glinted as she turned. — Золотая оправа её очков блеснула, когда она повернулась.
  6. структура, схема, система ◆ Frame of government — Структура правительства ◆ Constraint frame — Система ограничений
  7. сооружение, строение, конструкция ◆ Boring frame — Буровая вышка
  8. тело, телосложение ◆ Sobs shook her frame — Рыдания сотрясали ее тело ◆ A man of huge frame — Человек гигантского телосложения
  9. кадр ◆ Invalid frame — Недостоверный кадр
  10. фрейм ◆ This browser supports frames. — Этот браузер поддерживает фреймы.
  11. обрамление (в рассказе, романе) ◆ Отсутствует пример употребления (см. рекомендации).
  12. элемент набора; шпангоут ◆ Отсутствует пример употребления (см. рекомендации).
  13. система отсчета, система координат; то же, что frame of reference координатная система ◆ Отсутствует пример употребления (см. рекомендации).
  14. рекл. выставочный стенд ◆ Отсутствует пример употребления (см. рекомендации).
  15. стойка, корпус ◆ Power frame — Стойка питания ◆ To earth to the frame — Замыкать на корпус
  16. комп. группа данных, блок данных ◆ Отсутствует пример употребления (см. рекомендации).
  17. треугольник (которым собирают шары в бильярде, пуле и т. п.) ◆ Отсутствует пример употребления (см. рекомендации).
  18. пяльцы ◆ Отсутствует пример употребления (см. рекомендации).
  19. кассета (в улье) ◆ Отсутствует пример употребления (см. рекомендации).
  20. склад, характер ◆ A character of noble frame — Благородный характер
  21. парник ◆ Cucumber frame — Парник для огурцов
  22. ткацкий станок ◆ Отсутствует пример употребления (см. рекомендации).
  23. морск. набор (судна) ◆ Отсутствует пример употребления (см. рекомендации).
  24. металл. опока ◆ Отсутствует пример употребления (см. рекомендации).
  25. планер (самолета) ◆ Отсутствует пример употребления (см. рекомендации).
  26. матрица, форма ◆ Sampling frame — Представление выборочных данных в наглядной форме
  27. круг вопросов ◆ Отсутствует пример употребления (см. рекомендации).
  28. шина (для иммобилизации костей или суставов) ◆ Отсутствует пример употребления (см. рекомендации).
  29. репер ◆ Accompanying frame — Сопровождающий репер
  30. строит. стропильная ферма ◆ Отсутствует пример употребления (см. рекомендации).
  31. строит. дверная или оконная коробка ◆ Отсутствует пример употребления (см. рекомендации).
  32. спорт. период ◆ Отсутствует пример употребления (см. рекомендации).

Синонимыправить

  1. framework, structure, skeleton
  2. =
  3. ground, fundamental, basis
  4. constitution, build
  5. framework, fundamental, groundwork, basis
  6. floor stand

Гипонимыправить

Browser compatibility

The compatibility table in this page is generated from structured data. If you’d like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

Update compatibility data on GitHub


Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
Deprecated Chrome Full support Yes Edge Full support 12 Firefox Full support Yes IE Full support Yes Opera Full support Yes Safari Full support Yes WebView Android Full support Yes Chrome Android Full support Yes Firefox Android Full support Yes Opera Android Full support Yes Safari iOS Full support Yes Samsung Internet Android Full support Yes
Deprecated Chrome Full support Yes Edge Full support 12 Firefox Full support Yes IE Full support Yes Opera Full support Yes Safari Full support Yes WebView Android Full support Yes Chrome Android Full support Yes Firefox Android Full support Yes Opera Android Full support Yes Safari iOS Full support Yes Samsung Internet Android Full support Yes
Deprecated Chrome Full support Yes Edge Full support 12 Firefox Full support Yes IE Full support Yes Opera Full support Yes Safari Full support Yes WebView Android Full support Yes Chrome Android Full support Yes Firefox Android Full support Yes Opera Android Full support Yes Safari iOS Full support Yes Samsung Internet Android Full support Yes
Deprecated Chrome Full support Yes Edge Full support 12 Firefox Full support Yes IE Full support Yes Opera Full support Yes Safari Full support Yes WebView Android Full support Yes Chrome Android Full support Yes Firefox Android Full support Yes Opera Android Full support Yes Safari iOS Full support Yes Samsung Internet Android Full support Yes
Deprecated Chrome Full support Yes Edge Full support 12 Firefox Full support Yes IE Full support Yes Opera Full support Yes Safari Full support Yes WebView Android Full support Yes Chrome Android Full support Yes Firefox Android Full support Yes Opera Android Full support Yes Safari iOS Full support Yes Samsung Internet Android Full support Yes
Deprecated Chrome Full support Yes Edge Full support 12 Firefox Full support Yes IE Full support Yes Opera Full support Yes Safari Full support Yes WebView Android Full support Yes Chrome Android Full support Yes Firefox Android Full support Yes Opera Android Full support Yes Safari iOS Full support Yes Samsung Internet Android Full support Yes
Deprecated Chrome Full support Yes Edge Full support 12 Firefox Full support Yes IE Full support Yes Opera Full support Yes Safari Full support Yes WebView Android Full support Yes Chrome Android Full support Yes Firefox Android Full support Yes Opera Android Full support Yes Safari iOS Full support Yes Samsung Internet Android Full support Yes
Deprecated Chrome Full support Yes Edge Full support 12 Firefox Full support Yes IE Full support Yes Opera Full support Yes Safari Full support Yes WebView Android Full support Yes Chrome Android Full support Yes Firefox Android Full support Yes Opera Android Full support Yes Safari iOS Full support Yes Samsung Internet Android Full support Yes

HTML Ссылки

HTML по АлфавитуHTML по КатегориямHTML Атрибуты ТеговHTML Атрибуты ГлобалHTML Атрибуты СобытийHTML ЦветаHTML ХолстыHTML Аудио / ВидеоHTML Наборы символовHTML DOCTYPEsHTML Кодирование URLHTML Языковые кодыHTML Коды странHTTP Ответы сервераHTTP МетодыPX в EM конвертерГорячие клавиши

HTML Теги

<!—> <!DOCTYPE> <a> <abbr> <acronym> <address> <applet> <area> <article> <aside> <audio> <b> <base> <basefont> <bdi> <bdo> <big> <blockquote> <body> <br> <button> <canvas> <caption> <center> <cite> <code> <col> <colgroup> <data> <datalist> <dd> <del> <details> <dfn> <dialog> <dir> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <font> <footer> <form> <frame> <frameset> <h1> — <h6> <head> <header> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <main> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <picture> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <summary> <sup> <svg> <table> <tbody> <td> <template> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <tt> <u> <ul> <var> <video> <wbr>

Menus

Icon BarMenu IconAccordionTabsVertical TabsTab HeadersFull Page TabsHover TabsTop NavigationResponsive TopnavNavbar with IconsSearch MenuSearch BarFixed SidebarSide NavigationResponsive SidebarFullscreen NavigationOff-Canvas MenuHover Sidenav ButtonsSidebar with IconsHorizontal Scroll MenuVertical MenuBottom NavigationResponsive Bottom NavBottom Border Nav LinksRight Aligned Menu LinksCentered Menu LinkEqual Width Menu LinksFixed MenuSlide Down Bar on ScrollHide Navbar on ScrollShrink Navbar on ScrollSticky NavbarNavbar on ImageHover DropdownsClick DropdownsDropdown in TopnavDropdown in SidenavResp Navbar DropdownSubnavigation MenuDropupMega MenuMobile MenuCurtain MenuCollapsed SidebarCollapsed SidepanelPaginationBreadcrumbsButton GroupVertical Button GroupSticky Social BarPill NavigationResponsive Header

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

Структура HTML-документа с фреймами внешне очень напоминает формат обычного HTML-документа. Как и в обычном HTML-документе, весь код помещен между парными тегами <html> и </html>, а в контейнере <head> располагаются заголовки. Основное отличие документа с фреймами от обычного HTML-документа — у документа с фреймами вместо тега <body> применяется парный тег <frameset> (от англ. frame set – набор фреймов). В следующем примере приведена структура HTML-документа с фреймами:

Пример: Структура HTML-документа с фреймами

  • Результат
  • HTML-код
  • Попробуй сам »
frame_top
frame_left frame_right

В приведенном примере страница содержит три области, в каждую из которых первоначально загружаются HTML-документы frame_top.html, frame_left.html и frame_right.html. Помимо HTML-документов, фрейм может содержать и графику. Для этого необходимо указать адрес соответствующего изображения в атрибуте src, например src=»image.gif»

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

  • rows — описывает разбиение страницы на строки: <frameset rows=»100, *»>
  • cols — описывает разбиение страницы на столбцы: <frameset cols=»20%, 80%»>

В значении атрибутов rows и cols необходимо указывать не количество строк или столбцов, а значение ширины и высоты фреймов. Все значения в списке разделяются запятыми. Размеры могут быть указаны в абсолютных единицах (в пикселах) или в процентах:

  • cols=»20%, 80%» — окно браузера разбивается на две колонки с помощью атрибута cols, левая колонка занимает 20%, а правая 80% окна браузера.
  • rows=»100, *» окно браузера разбивается на два горизонтальных окна с помощью атрибута rows, верхнее окно занимает 100 пикселов, а нижнее — оставшееся пространство, заданное символом звездочки.

Как видно из данного примера, контейнер <frameset> с атрибутом rows вначале создает два горизонтальных фрейма, а вместо второго фрейма подставляется еще один <frameset>, который разбивает нижний горизонтальный фрейм на две колонки с помощью атрибута cols, левая колонка занимает занимает 20%, а правая 80% окна браузера. Если браузер не поддерживает фреймы, то в окне будет отображен текст, расположенный между тегами <noframes> и </noframes>. Все, что находится между тегами <noframes> и </noframes>, игнорируется браузерами, поддерживающими фреймы. Таким образом разработчику нужно написать код, дублирующий содержимое фреймов другими средствами, и поместить этот код в контейнер <noframes>, тогда все пользователи смогут увидеть его веб-страницу. Как уже отмечалось, для вставки в документ отдельного фрейма служит непарный тег <frame>. Атрибут src задает документ, который должен отображаться внутри данного фрейма, например: <frame src=»frame_top.html»>. Если атрибут src отсутствует, отображается пустой фрейм.

JavaScript

JS Array concat() constructor copyWithin() entries() every() fill() filter() find() findIndex() forEach() from() includes() indexOf() isArray() join() keys() length lastIndexOf() map() pop() prototype push() reduce() reduceRight() reverse() shift() slice() some() sort() splice() toString() unshift() valueOf()

JS Boolean constructor prototype toString() valueOf()

JS Classes constructor() extends static super

JS Date constructor getDate() getDay() getFullYear() getHours() getMilliseconds() getMinutes() getMonth() getSeconds() getTime() getTimezoneOffset() getUTCDate() getUTCDay() getUTCFullYear() getUTCHours() getUTCMilliseconds() getUTCMinutes() getUTCMonth() getUTCSeconds() now() parse() prototype setDate() setFullYear() setHours() setMilliseconds() setMinutes() setMonth() setSeconds() setTime() setUTCDate() setUTCFullYear() setUTCHours() setUTCMilliseconds() setUTCMinutes() setUTCMonth() setUTCSeconds() toDateString() toISOString() toJSON() toLocaleDateString() toLocaleTimeString() toLocaleString() toString() toTimeString() toUTCString() UTC() valueOf()

JS Error name message

JS Global decodeURI() decodeURIComponent() encodeURI() encodeURIComponent() escape() eval() Infinity isFinite() isNaN() NaN Number() parseFloat() parseInt() String() undefined unescape()

JS JSON parse() stringify()

JS Math abs() acos() acosh() asin() asinh() atan() atan2() atanh() cbrt() ceil() cos() cosh() E exp() floor() LN2 LN10 log() LOG2E LOG10E max() min() PI pow() random() round() sin() sqrt() SQRT1_2 SQRT2 tan() tanh() trunc()

JS Number constructor isFinite() isInteger() isNaN() isSafeInteger() MAX_VALUE MIN_VALUE NEGATIVE_INFINITY NaN POSITIVE_INFINITY prototype toExponential() toFixed() toLocaleString() toPrecision() toString() valueOf()

JS OperatorsJS RegExp constructor compile() exec() g global i ignoreCase lastIndex m multiline n+ n* n? n{X} n{X,Y} n{X,} n$ ^n ?=n ?!n source test() toString() (x|y) . \w \W \d \D \s \S \b \B \0 \n \f \r \t \v \xxx \xdd \uxxxx

JS Statements break class continue debugger do…while for for…in for…of function if…else return switch throw try…catch var while

JS String charAt() charCodeAt() concat() constructor endsWith() fromCharCode() includes() indexOf() lastIndexOf() length localeCompare() match() prototype repeat() replace() search() slice() split() startsWith() substr() substring() toLocaleLowerCase() toLocaleUpperCase() toLowerCase() toString() toUpperCase() trim() valueOf()

Attributes

Like all other HTML elements, this element supports the global attributes.

This attribute specifies the document that will be displayed by the frame.
This attribute is used for labeling frames. Without labeling, every link will open in the frame that it’s in – the closest parent frame. See the attribute for more information.
This attribute prevents resizing of frames by users.
This attribute defines the existence of a scrollbar. If this attribute is not used, the browser adds a scrollbar when necessary. There are two choices: «yes» for forcing a scrollbar even when it is not necessary and «no» for forcing no scrollbar even when it is necessary.
This attribute defines the height of the margin between frames.
This attribute defines the width of the margin between frames.
This attribute allows you to specify a frame’s border.

HTML аббревиатура и контактная информация

HTML тег <abbr> (HTML Abbreviation Element) определяет аббревиатуру или акроним. Маркировка сокращений является полезной информацией для браузеров, систем перевода и поисковых машин, для пользователя применение этого элемента не видимо.

Как правило, тег <abbr> применяется совместно с глобальным атрибутом title, для отображения полного описания аббревиатуры пользователю при наведении.

HTML тег <address> определяет контактную информацию (автор / владелец) документа или статьи. Если элемент <address> находится внутри тега <body>, то представляет контактную информацию для документа, а если находится внутри элемента <article> (статья), то он представляет контактную информацию для этой статьи.

Текст внутри элемента <address>, как правило, отображается курсивом. Элемент не должен использоваться просто для описания почтового адреса, если он не является частью контактной информации. Элемент, чаще всего, используют с другой информацией в элементе <footer> (нижний колонтитул или «подвал» сайта).

Об элементах, добавленных в HTML 5 — <footer> и <article> мы поговорим в статье «Теги разметки страницы в HTML».

Пример использования:

<html>
	<head>
		<title>Аббревиатура и контактная информация</title>
	</head>
	<body>
		<p><abbr title = "ВСЕРОССИЙСКИЙ НАУЧНО-ИССЛЕДОВАТЕЛЬСКИЙ <!-- добавляем аббревиатуру с глобальным атрибутом title -->
		ГЕОЛОГИЧЕСКИЙ ИНСТИТУТ им. А.П. КАРПИНСКОГО">ВСЕГЕИ</abbr> является преемником и продолжателем традиций первого государственного геологического учреждения России –
		Геологического комитета, созданного в Санкт-Петербурге...
		<iframe src = "http://vsegei.ru"></iframe> <!-- добавляем фрейм с сайтом института -->
		<address style = "background-color: khaki"> 199106, Санкт-Петербург, Средний пр., 74</br> <!-- добавляем контактную информацию института -->
		E-mail: vsegei@vsegei.ru</br>
		Сайт: http://vsegei.ru/ru/  </address>
	</body>
</html>

В данном примере мы:

  • Поместили аббревиатуру института в тег <abbr> и применили глобальный атрибут title, для того, чтобы при наведении на нее мышкой было понятно, что это высшее учебное заведение, а не то, что вы подумали.
  • Кроме того загрузили во фрейм сайт данного учебного заведения (в обязательном атрибуте src указали абсолютный адрес сайта).
  • Внизу страницы (внутри тега <address>) добавили адрес и контактные данные института, указанные на официальном сайте. Текст, помещенный внутрь этого тега, по умолчанию отображается курсивом. Кроме того для элемента <address> добавили глобальный атрибут style, которым задали встроенный CSS стиль (цвет заднего фона).

Рис 28 Аббревиатура и контактная информация в HTML.

frame (глагол)[править]

Морфологические и синтаксические свойстваправить

Инфинитив frame
3-е л. ед. ч. frames
Прош. вр. framed
Прич. прош. вр. framed
Герундий framing

frame

Глагол, правильный.

Корень: .

Семантические свойстваправить

Значениеправить

  1. вставлять в рамку; обрамлять ◆ To frame a picture — Вставить картину в рамку ◆ Her face was framed in a mass of red hair. — Ее лицо обрамляла копна рыжих волос.
  2. сооружать, строить, конструировать ◆ Отсутствует пример употребления (см. рекомендации).
  3. собирать (конструкцию), ставить раму, основу ◆ Отсутствует пример употребления (см. рекомендации).
  4. придавать форму ◆ Iron is softened and framed. — Металл размягчают и придают ему форму.
  5. то же, что frame up создавать, вырабатывать, составлять ◆ To frame a theory — Создавать теорию
  6. приспосабливать, готовить, приготавливать; устраивать ◆ He is framed to be a soldier Он хорошо подготовлен, чтобы быть солдатом.
  7. то же, что frame up разг. подставлять; ложно обвинять; фабриковать (дело, обвинение); подтасовывать факты ◆ I didn’t do the job, I’ve been framed up. — Я этого не делал, меня подставили.
  8. строить высказывание, выражать в словах ◆ Отсутствует пример употребления (см. рекомендации).
  9. развиваться, развертываться ◆ The plan is framing satisfactorily — Разработка плана идет удовлетворительно
  10. формулировать ◆ To frame legislation — Формулировать законодательство
  11. строить планы, воображать себе; вырабатывать план ◆ Отсутствует пример употребления (см. рекомендации).
  12. произносить ◆ Отсутствует пример употребления (см. рекомендации).

Гипонимыправить

IFrame Object Properties

Property Description
align Not supported in HTML5. Use style.cssFloat instead. Sets or returns the value of the align attribute in an iframe
contentDocument Returns the document object generated by an iframe
contentWindow Returns the window object generated by an iframe
frameBorder Not supported in HTML5. Use style.border instead. Sets or returns the value of the frameborder attribute in an iframe
height Sets or returns the value of the height attribute in an iframe
longDesc Not supported in HTML5. Sets or returns the value of the longdesc attribute in an iframe
marginHeight Not supported in HTML5. Use style.margin instead. Sets or returns the value of the marginheight attribute in an iframe
marginWidth Not supported in HTML5. Use style.margin instead. Sets or returns the value of the marginwidth attribute in an iframe
name Sets or returns the value of the name attribute in an iframe
sandbox Returns the value of the sandbox attribute in an iframe
scrolling Not supported in HTML5. Sets or returns the value of the scrolling attribute in an iframe
seamless Sets or returns whether an iframe should look like it is a part of the containing document (no borders or scrollbars), or not
src Sets or returns the value of the src attribute in an iframe
srcdoc Sets or returns the value of the srcdoc attribute in an iframe
width Sets or returns the value of the width attribute in an iframe

Menus

Icon BarMenu IconAccordionTabsVertical TabsTab HeadersFull Page TabsHover TabsTop NavigationResponsive TopnavNavbar with IconsSearch MenuSearch BarFixed SidebarSide NavigationResponsive SidebarFullscreen NavigationOff-Canvas MenuHover Sidenav ButtonsSidebar with IconsHorizontal Scroll MenuVertical MenuBottom NavigationResponsive Bottom NavBottom Border Nav LinksRight Aligned Menu LinksCentered Menu LinkEqual Width Menu LinksFixed MenuSlide Down Bar on ScrollHide Navbar on ScrollShrink Navbar on ScrollSticky NavbarNavbar on ImageHover DropdownsClick DropdownsDropdown in TopnavDropdown in SidenavResp Navbar DropdownSubnavigation MenuDropupMega MenuMobile MenuCurtain MenuCollapsed SidebarCollapsed SidepanelPaginationBreadcrumbsButton GroupVertical Button GroupSticky Social BarPill NavigationResponsive Header

Навигация

Навигация

  • Заглавная страница
  • Полный индекс
  • Категории
  • Новые страницы
  • Свежие правки
  • Случайная статья
  • Статистика
  • Справка
  • Сообщить об ошибке

На других языках

  • العربية
  • Azərbaycanca
  • Bosanski
  • Català
  • ᏣᎳᎩ
  • Čeština
  • Cymraeg
  • Deutsch
  • Ελληνικά
  • English
  • Esperanto
  • Español
  • Eesti
  • Euskara
  • فارسی
  • Suomi
  • Français
  • Hrvatski
  • Magyar
  • Հայերեն
  • Ido
  • Italiano
  • Қазақша
  • ភាសាខ្មែរ
  • ಕನ್ನಡ
  • 한국어
  • Kurdî
  • Limburgs
  • ລາວ
  • Lietuvių
  • Latviešu
  • Malagasy
  • മലയാളം
  • မြန်မာဘာသာ
  • Nederlands
  • Norsk
  • Polski
  • Português
  • संस्कृतम्
  • Srpskohrvatski / српскохрватски
  • Simple English
  • Svenska
  • Kiswahili
  • தமிழ்
  • తెలుగు
  • ไทย
  • Türkçe
  • Українська
  • اردو
  • Tiếng Việt
  • Walon
  • 中文

Ссылки внутри фреймов

Имя Описание
_self документ загрузится в текущий фрейм, т.е. в котором находится сама гиперссылка
_blank документ загрузится в новом окне веб-браузера
_parent документ загрузится в окне, являющееся родительским по отношению к текущему фрейму
_top документ загрузится поверх всех фреймов
targetframe документ загрузится в фрейм с указанным именем

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

Правому фрейму присваивается имя frame_right:

Чтобы документ загружался в указанный фрейм, используется конструкция target=»frame_right», как показано в примере:

More

Fullscreen VideoModal BoxesDelete ModalTimelineScroll IndicatorProgress BarsSkill BarRange SlidersTooltipsDisplay Element HoverPopupsCollapsibleCalendarHTML IncludesTo Do ListLoadersStar RatingUser RatingOverlay EffectContact ChipsCardsFlip CardProfile CardProduct CardAlertsCalloutNotesLabelsCirclesStyle HRCouponList GroupList Without BulletsResponsive TextCutout TextGlowing TextFixed FooterSticky ElementEqual HeightClearfixResponsive FloatsSnackbarFullscreen WindowScroll DrawingSmooth ScrollGradient Bg ScrollSticky HeaderShrink Header on ScrollPricing TableParallaxAspect RatioResponsive IframesToggle Like/DislikeToggle Hide/ShowToggle Dark ModeToggle TextToggle ClassAdd ClassRemove ClassActive ClassTree ViewRemove PropertyOffline DetectionFind Hidden ElementRedirect WebpageZoom HoverFlip BoxCenter VerticallyCenter Button in DIVTransition on HoverArrowsShapesDownload LinkFull Height ElementBrowser WindowCustom ScrollbarHide ScrollbarDevice LookContenteditable BorderPlaceholder ColorText Selection ColorBullet ColorVertical LineDividersAnimate IconsCountdown TimerTypewriterComing Soon PageChat MessagesPopup Chat WindowSplit ScreenTestimonialsSection CounterQuotes SlideshowClosable List ItemsTypical Device BreakpointsDraggable HTML ElementJS Media QueriesSyntax HighlighterJS AnimationsGet Iframe Elements

Images

SlideshowSlideshow GalleryModal ImagesLightboxResponsive Image GridImage GridTab GalleryImage Overlay FadeImage Overlay SlideImage Overlay ZoomImage Overlay TitleImage Overlay IconImage EffectsBlack and White ImageImage TextImage Text BlocksTransparent Image TextFull Page ImageForm on ImageHero ImageBlur Background ImageChange Bg on ScrollSide-by-Side ImagesRounded ImagesAvatar ImagesResponsive ImagesCenter ImagesThumbnailsBorder Around ImageMeet the TeamSticky ImageFlip an ImageShake an ImagePortfolio GalleryPortfolio with FilteringImage ZoomImage Magnifier GlassImage Comparison Slider

How To — Responsive Iframes

Step 1) Add HTML:

Use a container element, like <div>, and add the iframe inside of it:

Example

<div class=»container»>   <iframe class=»responsive-iframe» src=»https://www.youtube.com/embed/tgbNymZ7vqY»></iframe></div>

Step 2) Add CSS:

Add a percentage value for to maintain the aspect ratio of the container DIV. The following example will create an aspect ratio of 16:9, which is the default aspect ratio of YouTube videos.

Example 16:9 Aspect Ratio

.container {  position: relative;  overflow: hidden;  width: 100%;   padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */}/* Then style the iframe to fit in the container div with full height and width */.responsive-iframe {  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  width: 100%;  height: 100%; }


Other aspect ratios:

.container {  padding-top: 100%; /* 1:1 Aspect Ratio */}

Будущее фрейм технологии

Организация по стандартизации интернет-технологий не рекомендует разработчикам использовать фреймы. Теги frameset, noframes и frame признаны устаревшими. Однако современный стандарт ещё поддерживает работу с тегом IFRAME. С его помощью можно размещать фреймы внутри текстовых блоков. При использовании фреймов нужно помнить важный момент:

Специалисты прогнозируют постепенный спад популярности фреймовой технологии у разработчиков. Консорциум W3C не рекомендует применять фреймы при создании новых сайтов. Однако при поддержке уже имеющихся веб-ресурсов использование фреймов по-прежнему оценивается как актуальное.

Достоинства фреймовой технологии

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

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

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


Данная технология открывает полезные функции навигации по сайту, поскольку в разных фреймах можно просматривать совершенно различный контент. Процедура поиска внутри фрейма ничем не отличается от такого действия на отдельной странице.

Недостатки фрейм технологии

Негативные моменты в работе сайтов, построенных на фреймовой модели, накапливались не один год. Основные их них:

  • Плохое юзабилити. Сегодня половина сайтов просматривается с мобильных устройств. При этом фреймовая технология имеет очень большие проблемы с адаптивностью, решить которые невозможно. 
  • Неправильное отображение сайта. Зачастую сайт выглядит некорректно в браузерах. Поэтому использование фреймов оказывает негативное влияние на SEO. 
  • Одни адрес для всей структуры. Такие особенности технологии не позволяют добавлять отдельные элементы в закладки браузера. 
  • Малая доступность ресурса для программ. Сторонние ПО (к примеру, экранные дикторы) очень плохо воспринимает фреймовые сайты. 
  • Проблемы с поисковой индексацией. Это выражается в некорректном определении тематики ресурса и выпадении некоторого контента из индексации.

Особенности поисковой индексации фреймовых сайтов

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

Особенно сложно проходит индексация сайтов с вложенными структурами. Каждый из элементов имеет все признаки полноценного документа, и поисковый робот не может корректно их обработать.

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

Нюансы продвижения сайтов с фреймами

Для снижения проблем с индексацией сайтов, построенных на фреймах, используются определенные теги. Каждый из блоков страницы описывается тегом frame. Их количество в коде определят, сколько отдельных частей будет на странице. Для объединения всех частей страницы в единую структуру применяется тег frameset. Он выступает в качестве аналога стандартного тега body.

Описанные выше теги следует указать как на главной станице, так и в каждом отдельном фрейме.


С этим читают