Атрибут src
Указывает адрес файла (URL), который будет загружаться во фрейм. Допустимо использовать не только путь к файлу, но также имя функции JavaScript, которое возвращает значение.
Синтаксис
Значения
В качестве значения принимается полный или относительный путь к файлу.
Значение по умолчанию
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы
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. |
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.