/html/iframe/srcdoc:> Код вставляемого документа_

Атрибут srcdoc

Синтаксис

HTML
<iframe srcdoc="[значение]"> ... </iframe>

Описание

Атрибут / параметр srcdoc указывает код документа, вставляемого во встроенный фрейм.

Примечание

  • Если атрибуты «src» и «srcdoc» указаны вместе, то атрибут «srcdoc» имеет приоритет. Это позволяет разработчикам, предоставлять резервный URL-адрес для устаревших web-браузеров, которые не поддерживают данный атрибут.
  • Вставить документ во встроенный фрейм (по средствам вставки кода документа) можно так же с помощью атрибута «src» и URL-схемы «data:».

Условия использования

В указываемом коде вставляемого документа необходимо:

  1. экранировать все символы «"» ДВОЙНЫХ [U+0022] или «'» ОДИНАРНЫХ КАВЫЧЕК [U+0027] (например, «"» ‒ «&quot;» и «'» ‒ «&apos;») .
  2. дважды экранировать все символы «&» АМПЕРСАНД [U+0026] (например, «&» ‒ «&amp;&amp;»).
  3. для XHTML документов так же экранировать все символы «<» МЕНЬШЕ [U+003C] (например, «<» ‒ «&lt;»).
  4. для XML документов так же экранировать все пробельные символы: символ ТАБУЛЯЦИИ [U+0009] (например, «&#9;»), символ ПЕРЕВОДА СТРОКИ [U+000A] (например, «&#10;»), символ ВОЗВРАТА КАРЕТКИ [U+000D] (например, «&#13;»).

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

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

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

Верс. Раздел
HTML
2.0 ---
3.2 ---
4.01 16.5 Inline frames: the IFRAME element
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 Extensible HyperText Markup Language
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=&quot;utf-8&quot;></head><body><h1>Плавающий фрейм</h1></body></html>">
Ваш веб-браузер не поддерживает плавающие фреймы.
</iframe>
</body>
</html>
Параметр srcdoc (Элемент iframe)