- CSP: frame-src
- Syntax
- Sources
- Examples
- Violation cases
- Specifications
- Browser compatibility
- See also
- Found a content problem with this page?
- MDN
- Support
- Our communities
- Developers
- Синтаксис
- Пример
- Результат
- Атрибуты
- Фреймы
- Создание фреймов
- Пример: Структура HTML-документа с фреймами
- Границы или пространство между фреймами
CSP: frame-src
The HTTP Content-Security-Policy (CSP) frame-src directive specifies valid sources for nested browsing contexts loading using elements such as and .
Note: frame-src allows you to specify where iframes in a page may be loaded from. This differs from frame-ancestors , which allows you to specify what parent source may embed a page.
| CSP version | 1 |
|---|---|
| Directive type | Fetch directive |
| Fallback | If this directive is absent, the user agent will look for the child-src directive (which falls back to the default-src directive). |
Syntax
One or more sources can be allowed for the frame-src policy:
Content-Security-Policy: frame-src ; Content-Security-Policy: frame-src ;
Sources
can be any one of the values listed in CSP Source Values.
Note that this same set of values can be used in all fetch directives (and a number of other directives).
Examples
Violation cases
Content-Security-Policy: frame-src https://example.com/
iframe src="https://not-example.com/">iframe>
Specifications
Browser compatibility
BCD tables only load in the browser
See also
Found a content problem with this page?
This page was last modified on Apr 10, 2023 by MDN contributors.
Your blueprint for a better internet.
MDN
Support
Our communities
Developers
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.
HTML тег
Тег определяет область в окне браузера, фрейм, куда можно загрузить другую веб-страницу. Для указания адреса этой веб-страницы используется атрибут src . Таких фреймов на одной веб-странице может быть несколько.
Синтаксис
Закрывающий тег для тега необязателен.
Пример
html> html> head> title>Заголовок документа title> head> frameset cols="50%,50%"> frame src="https://www.w3docs.com/learn-html/html-basic.html"> frame src="https://www.w3docs.com/learn-css/css-syntax.html"> frameset> html>Результат
Мы не рекомендуем использовать фреймы для веб-сайтов по ряду причин. Во-первых, страницы с фреймовой структурой дольше загружаются. Во-вторых, поисковые системы плохо обрабатывают такие страницы, поскольку содержащийся в них контент не содержит ссылок на другие документы.
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| bordercolor | color | Определяет цвет рамки вокруг фрейма. Не поддерживается в HTML 5. |
| frameborder | 0 1 | Определяет, показывать рамку вокруг фрейма или нет. Не поддерживается в HTML 5. |
| longdesc | URL | Содержит ссылку на подробное описание вложенной во фрейм страницы. Не поддерживается в HTML 5. |
| marginheight | pixels | Определяет верхнюю и нижнюю границы фрейма. Не поддерживается в HTML 5. |
| marginwidth | pixels | Определяет левую и правую границы фрейма. Не поддерживается в HTML 5. |
| name | text | Определяет имя фрейма. (Рекомендуется всегда задавать этот атрибут, особенно в случаях, когда необходимо по ссылке из одного фрейма загружать документ в другой.) Не поддерживается в HTML 5. |
| noresize | noresize | Определяет, может ли пользователь менять размер фрейма или нет. Не поддерживается в HTML 5. |
| scrolling | yes no auto | Устанавливает, отображать или нет полосу прокрутки. Не поддерживается в HTML 5. |
| src | URL | Устанавливает адрес страницы, которая должна быть загружена в фрейм. Не поддерживается в HTML 5. |
Фреймы
Фреймы — это HTML-элементы, позволяющие разделить окно веб-браузера на несколько независимых окон, в каждое из которых можно загрузить отдельный HTML-документ. Каждое такое окно (фрейм) может иметь собственные полосы прокрутки и функционировать независимо от других независимых окон либо наоборот управлять их содержанием. Они могут применяться для организации постоянно находящегося в одном окне меню, в то время как в другом окне располагается непосредственно сама информация. Пользователи могут обращаться к меню в любой момент, и им не нужно возвращаться к предыдущей странице, чтобы выбрать другой пункт меню. Применение фреймов позволит вам «закрепить» в окне браузера изображения или другие неподвижные по замыслу элементы интерфейса, в то время как остальная часть страницы будет прокручиваться во фрейме.
Однако, стоит отметить, что в наши дни фреймы считаются устаревшим средством, а сайты с фреймами теперь считаются несолидными, так как профессиональные веб-мастера никогда не используют фреймы в своих проектах. С фреймами связан целый ряд печально известных проблем. Они, например, сбивают с толку поисковые машины, поскольку на страницах, которые содержат контент, нет ссылок на другие документы. Если вы хотите получать посетителей с поисковых систем, забудьте о фреймах. Понравившуюся страницу пользователю невозможно поместить в раздел закладки браузера, так как фреймы скрывают адрес страницы, на которой он находится, и всегда показывают только адрес веб-сайта. По этой причине они создают проблемы для браузеров при отслеживании хронологии и еще они не слишком приспособлены для разных размеров экранов и мобильных устройств.
Несмотря на то, что проекты с фреймами встречаются во всемирной паутине все реже, изучение HTML было бы неполным без рассмотрения темы о фреймах. У фреймов наряду с недостатками есть и некоторые достоинства, которые не позволяют отбросить эту технологию как бесперспективную.
Создание фреймов
Структура HTML-документа с фреймами внешне очень напоминает формат обычного HTML-документа. Как и в обычном HTML-документе, весь код помещен между парными тегами и , а в контейнере располагаются заголовки. Основное отличие документа с фреймами от обычного HTML-документа — у документа с фреймами вместо тега применяется парный тег (от англ. frame set – набор фреймов).
В следующем примере приведена структура HTML-документа с фреймами:
Пример: Структура HTML-документа с фреймами
- rows — описывает разбиение страницы на строки:
- cols — описывает разбиение страницы на столбцы:
В значении атрибутов rows и cols необходимо указывать не количество строк или столбцов, а значение ширины и высоты фреймов. Все значения в списке разделяются запятыми. Размеры могут быть указаны в абсолютных единицах (в пикселах) или в процентах:
- cols=»20%, 80%» — окно браузера разбивается на две колонки с помощью атрибута cols, левая колонка занимает 20%, а правая 80% окна браузера.
- rows=»100, *» окно браузера разбивается на два горизонтальных окна с помощью атрибута rows, верхнее окно занимает 100 пикселов, а нижнее — оставшееся пространство, заданное символом звездочки.
Как видно из данного примера, контейнер с атрибутом rows вначале создает два горизонтальных фрейма, а вместо второго фрейма подставляется еще один , который разбивает нижний горизонтальный фрейм на две колонки с помощью атрибута cols, левая колонка занимает занимает 20%, а правая 80% окна браузера.
Если браузер не поддерживает фреймы, то в окне будет отображен текст, расположенный между тегами и . Все, что находится между тегами и , игнорируется браузерами, поддерживающими фреймы. Таким образом разработчику нужно написать код, дублирующий содержимое фреймов другими средствами, и поместить этот код в контейнер , тогда все пользователи смогут увидеть его веб-страницу.
Как уже отмечалось, для вставки в документ отдельного фрейма служит непарный тег . Атрибут src задает документ, который должен отображаться внутри данного фрейма, например: . Если атрибут src отсутствует, отображается пустой фрейм.
Границы или пространство между фреймами
По умолчанию, браузер отображает серую и, как правило, в виде трехмерной линии границу между фреймами, с помощью которой посетители могут регулировать размер фрейма.
Границей фрейма можно управлять, как и любыми другими элементами фрейма. Для этого существует несколько атрибутов элемента , позволяющих настраивать границы фреймов. Толщина линии границы определяется атрибутом border. По умолчанию значение толщины границы равно пяти.
Чтобы скрыть границу фрейма, необходимо либо указать значение ширины границы равным нулю, либо присвоить значение «no» или «0» атрибуту frameborder. Атрибут frameborder может принимать только два противоположных значения. Если значение атрибута frameborder равно «yes» или «1», то граница фреймов будет отображаться, а если «0» или «no», то нет. Учтите, что значения атрибута frameborder различаются для разных браузеров. Чтобы решить эту проблему используйте дважды атрибут frameborder, а для некоторых браузеров требуется еще добавить атрибут framespacing со значением «0»:
В следующем примере убираем границу между фреймами: