Атрибут src тега <frame> — адреса документа у фреймі
Атрибут src вказує адресу документа для вбудовування в <frame>.
Допустимо використовувати не тільки шлях до файлу, але також ім'я функції JavaScript, яке повертає значення.
автор: NagarD
Загальний опис
автор: NagarD
Синтаксис
<frame src="URL">Атрибут src може отримувати єдине значення:
-
URL -
Визначає URL документа для вбудовування в frame. Можливі значення:
- Абсолютний URL - вказує на інший веб-сайт (наприклад src="http://www.example.com/default.htm")
- Відносний URL - вказує на файл в межах веб-сайту (наприклад, src="default.htm"
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 3 | 15 | 12 | ≤11 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 2 |
Приклади
+ запропонувати свій приклад у пісочниці
Сучасна заміна старого фрейма: дві вбудовані рамки поруч. У першої вміст заданий атрибутом srcdoc прямо в розмітці, у другої додано sandbox — і всередині діють лише перелічені дозволи. Третя рамка без src показує, як виглядає порожня: саме так, а не як сторінка, вставлена сама в себе.
HTML
<div class="grid">
<div>
<p class="cap">iframe зі srcdoc — документ прямо в розмітці</p>
<iframe class="fr" width="230" height="110"
srcdoc="<p style='font:14px/1.4 sans-serif;margin:8px'>Це окремий документ усередині сторінки. Він має власне дерево, власні стилі й нічого не знає про сусідів.</p>"></iframe>
</div>
<div>
<p class="cap">той самий вміст, але з sandbox</p>
<iframe class="fr" width="230" height="110" sandbox
srcdoc="<p style='font:14px/1.4 sans-serif;margin:8px'>Тут заборонено все, чого не дозволено поіменно: скрипти, форми, спливні вікна, доступ до сторінки-господаря.</p>"></iframe>
</div>
<div>
<p class="cap">рамка без src — порожній документ</p>
<iframe class="fr" width="230" height="110"></iframe>
</div>
</div>
<p class="foot">Старий набір фреймів показати тут неможливо в принципі:
<frameset> замінює собою тіло документа, і всередині звичайної
сторінки аналізатор розмітки викидає його без сліду.</p>CSS
.grid {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.cap {
margin: 0 0 4px;
font-weight: 600;
font-size: .9em;
}
.fr {
border: 2px solid #b9c6d8;
border-radius: 4px;
background: #fff;
}
.foot {
margin-top: 16px;
max-width: 520px;
color: #5a6472;
font-size: .9em;
}src задає документ, який живе у фреймі, — тут обидва вшиті data-URI. Фрейми застарілі: у сучасному коді документ вбудовують через <iframe>.
<!DOCTYPE html>
<html>
<frameset cols="50%,50%">
<frame src="data:text/html;charset=utf-8,%3Cbody style='background:%23eef6ff'%3E%D0%94%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82 A%3C/body%3E">
<frame src="data:text/html;charset=utf-8,%3Cbody style='background:%23ffef9e'%3E%D0%94%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82 B%3C/body%3E">
</frameset>
</html>Коментарі
Коментарів ще немає — будьте першим!