Атрибут srcdoc тега <iframe> — вміст замість src
Атрибут srcdoc визначає зміст HTML-сторінки, щоб показати його в iframe контейнері.
Якщо браузер підтримує атрибут srcdoc, він буде перекривати вміст, що вказаний в атрибуті src (якщо він є).
Якщо браузер не підтримує атрибут srcdoc він буде показувати файл, що вказаний в атрибуті src (якщо він є).
При одночасному використанні атрибутів src і srcdoc, атрибут src ігнорується.
Загальний опис
автор: NagarD
- Порада
-
Цей атрибут, як очікується, буде використовуватися разом з атрибутом
автор: с3сsandboxі іншими безшовними атрибутами.
Синтаксис
<iframe srcdoc="HTML_code">Атрибут srcdoc може отримувати єдине значення:
-
HTML_code -
HTML код, який необхідно показати в
автор: с3с<iframe>. Повинен бути валідний HTML синтаксис.
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 20 | 25 | 6 | 15 | 79 | — |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 37 | 25 | 25 | 6 |
Приклади
+ запропонувати свій приклад у пісочниці
Найпростіший приклад використання HTML атрибута srcdoc теґа <iframe>
<p>З використанням атрибута <code>srcdoc</code></p>
<iframe srcdoc="<html>
<p>Документ HTML оброблюється браузером та відтворюється на екрані у звичному для людини вигляді.
HTML є похідною мовою від SGML, успадкувавши від неї визначення типу документа та ідеологію структурної розмітки тексту.</p>" src="page/nosrcdoc.html"></iframe>HTML
<p>Тільки srcdoc — жодного запиту в мережу:</p>
<iframe height="80" srcdoc="<p style='font:16px sans-serif;color:#b1381e;margin:8px'>Цей абзац приїхав із атрибута srcdoc. Адреса цього документа — about:srcdoc.</p>"></iframe>
<p>І src, і srcdoc разом:</p>
<iframe height="80" src="data:text/html;charset=utf-8,%3Cp%3EЦей документ браузер навіть не запитував.%3C/p%3E" srcdoc="<p style='font:16px sans-serif;margin:8px'>srcdoc переміг: сторінку за src браузер не завантажував.</p>"></iframe>
<p>Лапки всередині доводиться екранувати як &quot;:</p>
<iframe height="80" srcdoc="<p style='font:16px sans-serif;margin:8px'>Слово в лапках: "цитата" — атрибут не обірвався.</p>"></iframe>CSS
iframe {
width: 100%;
border: 1px solid #99aaaa;
border-radius: 4px;
background: #fff;
}
p {
margin: 0.6rem 0 0.3rem;
}Різниця між HTML 4.01 та HTML5
Атрибут srcdoc з’явився тільки у HTML5.
Коментарі
Коментарів ще немає — будьте першим!