Теги iframe
Теги iframe имкон медиҳад, ки мундариҷаи як вебсайт ба вебсайти дигар ҷойгир карда шавад. Он барои намоиши мундариҷае, ба монанди видео, тасвирҳо ё мақолаҳо, бе лозимидани кушодани равзанаи нав ё варақа истифода мешавад.
Мундариҷаи вебсайти ҷойгиршаванда дизайни худро дошта, танҳо барои ҳамин вебсайт мувофиқ аст. Дар ҳамин вақт, услубҳои CSS-и вебсайти мо, инчунин рамзи JavaScript-и мо таъсире ба мундариҷаи теги iframe намерасонад.
Ба мундариҷаи iframe метавон рамзи JavaScript-и моро татбиқ кард, вале барои ин бояд бо усулҳои махсус амал кард.
Теги iframe васеъ дар вебсайтҳо барои ҷойгир кардани видео аз YouTube ва платформаҳои дигар, инчунин барои намоиши мақолаҳо ва тасвирҳо аз манбаъҳои дигар истифода мешавад.
Атрибутҳо
| Атрибут | Тавсиф |
|---|---|
src |
Нишонаи саҳифаеро муайян мекунад, ки бояд ҷойгир карда шавад. |
srcdoc |
Имкон медиҳад, ки мундариҷаи iframe-ро бевосита дар атрибут муайян кард. |
frameborder |
Чорчӯбаи атрофи iframe-ро муайян мекунад.
Қимати yes чорчӯбаро муайян мекунад (по умолчанию),
ва қимати no чорчӯбаро нест мекунад.
|
scrolling |
Навори ҳаракаткунандаро дар дохили iframe муайян мекунад.
Қимати auto - ҳаракат кардан дар ҳолати зарурӣ (по умолчанию),
қимати yes - ҳаракат кардан ҳамеша,
қимати no - ҳаракат кардан нест.
|
Намуна
Биёед ба вебсайти худ iframe-ро бо вебсайти дивар ҷойгир кунем (барои мисол -ро мегирем):
html<iframe src="/" width="600" height="400"></iframe>
Результат:
Намуна
Ба вебсайти худ видеоро аз YouTube ҷойгир кунем:
html<iframe
src="https://www.youtube.com/embed/KzQrHpB1H8U"
allowfullscreen
width="400"
height="400">
</iframe>
Результат:
Намуна
Мундариҷаро рост дар iframe нависем:
html<iframe
srcdoc="<h1>Сарлавҳа</h1><p>Матн</p>"
width="300"
height="200">
</iframe>
Результат: