Атрибут 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)