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