Атрибут src тега <iframe> — адреса документа
автор: с3с
Загальний опис
автор: NagarD
Синтаксис
<iframe src="URL">
Атрибут src може отримувати єдине значення:
-
URL -
Визначає URL документа, який буде розміщено в
автор: с3сiframe. Можливі значення: Абсолютний URL - вказує на інший веб-сайт (наприклад src="http://www.example.com/default.htm") Відносний URL - вказує на файл в межах веб-сайту (наприклад, src="default.htm"
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| 1 | 1 | ≤4 | 15 | 12 | ≤11 |
| Переглядач | ||||
|---|---|---|---|---|
| 4.4 | 18 | 4 | ≤3.2 |
Приклади
+ запропонувати свій приклад у пісочниці
<p>Приклади використання атрибута src</p>
<iframe src="data:text/html;charset=utf-8,%3Cp style='font:14px sans-serif;color:%23264653'%3EПерший документ — його адресу задано в src.%3C/p%3E" width="200" height="200" title="Перший документ"></iframe>
<br>
<br>
<iframe src="data:text/html;charset=utf-8,%3Cp style='font:14px sans-serif;color:%23b1381e'%3EДругий документ — інша адреса в src, інший вміст.%3C/p%3E" width="200" height="200" title="Другий документ"></iframe>
<br>
<br>
<p>Приклад без використання атрибута src</p>
<iframe width="200" height="200"></iframe>
Дві рамки з однаковим src. Перша — як є: типові 300×150 і сіра рамка навколо, які малює сам браузер, а не ваші стилі. У другої той самий документ, але розмір і рамку задано в CSS.
HTML
<p>1. iframe без жодних стилів</p>
<iframe src="data:text/html;charset=utf-8,%3Cp style='font:15px sans-serif;background:%23ddffee;padding:8px'%3EЦе окремий документ, завантажений через src%3C/p%3E"></iframe>
<p>2. той самий src, розмір і рамка задані в CSS</p>
<iframe class="tidy" src="data:text/html;charset=utf-8,%3Cp style='font:15px sans-serif;background:%23ddffee;padding:8px'%3EЦе окремий документ, завантажений через src%3C/p%3E"></iframe>
CSS
p {
font: 14px sans-serif;
margin: 14px 0 4px;
color: #444;
}
.tidy {
width: 100%;
max-width: 340px;
height: 80px;
border: 0;
}
Коментарі
Коментарів ще немає — будьте першим!