Атрибут srcdoc
Синтаксис
HTML
<iframe srcdoc="[значение]"> ... </iframe>
Описание
Атрибут / параметр srcdoc
указывает код документа, вставляемого во встроенный фрейм.
Примечание
- Если атрибуты «
src
» и «srcdoc
» указаны вместе, то атрибут «srcdoc
» имеет приоритет. Это позволяет разработчикам, предоставлять резервный URL-адрес для устаревших web-браузеров, которые не поддерживают данный атрибут. - Вставить документ во встроенный фрейм (по средствам вставки кода документа) можно так же с помощью атрибута «
src
» и URL-схемы «data:
».
Условия использования
В указываемом коде вставляемого документа необходимо:
- экранировать все символы «
"
» ДВОЙНЫХ [U+0022] или «'
» ОДИНАРНЫХ КАВЫЧЕК [U+0027] (например, «"
» ‒ «"
» и «'
» ‒ «'
») . - дважды экранировать все символы «&» АМПЕРСАНД [U+0026] (например, «
&
» ‒ «&&
»). - для XHTML документов так же экранировать все символы «<» МЕНЬШЕ [U+003C] (например, «
<
» ‒ «<
»). - для XML документов так же экранировать все пробельные символы: символ ТАБУЛЯЦИИ [U+0009] (например, «
	
»), символ ПЕРЕВОДА СТРОКИ [U+000A] (например, «
»), символ ВОЗВРАТА КАРЕТКИ [U+000D] (например, «
»).
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | |
5.0 | 4.7.2 The iframe element The srcdoc attribute... |
5.1 | 4.7.6. The iframe element The srcdoc attribute... |
XHTML | |
1.0 | |
1.1 |
Значения
В качестве значения данного атрибута может указываться либо весь код страницы (вместе с объявлением типа документа), либо только содержимое тела страницы.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр srcdoc (Элемент iframe)</title>
</head>
<body>
<h1>Пример с атрибутом "srcdoc"</h1>
<iframe src="/html/iframe/iframe.html" srcdoc="<!DOCTYPE html><html><head><title>Плавающий фрейм</title><meta charset="utf-8"></head><body><h1>Плавающий фрейм</h1></body></html>">
Ваш веб-браузер не поддерживает плавающие фреймы.
</iframe>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр srcdoc (Элемент iframe)</title>
</head>
<body>
<h1>Пример с атрибутом "srcdoc"</h1>
<iframe src="/html/iframe/iframe.html" srcdoc="<!DOCTYPE html><html><head><title>Плавающий фрейм</title><meta charset="utf-8"></head><body><h1>Плавающий фрейм</h1></body></html>">
Ваш веб-браузер не поддерживает плавающие фреймы.
</iframe>
</body>
</html>
Параметр srcdoc (Элемент iframe)