HTML <iframe>

<iframe> — bir sahifa ichiga boshqa sahifani joylashtiradigan teg. YouTube videosi, Google xaritasi yoki boshqa sayt aynan <iframe> orqali sahifaga qo’shiladi. U “ichki oyna” (inline frame) yaratib, unda boshqa manba kontentini ko’rsatadi.

<iframe> (inline frame) — sahifa ichiga boshqa HTML hujjatni yoki tashqi resursni joylashtiradigan teg. Uning src atributi ko’rsatiladigan manzilni belgilaydi.

Oddiy foydalanish

<iframe> tegiga src (manzil) va o’lcham beriladi:

<iframe src="https://uzbekdevs.uz" width="600" height="400"></iframe>

[600x400 o'lchamli oynada UzbekDevs sayti ko'rsatiladi]

src — ichki oynada ko’rsatiladigan sahifa manzili, width va height esa oyna o’lchami. Bu tashqi saytni joriy sahifadan chiqmasdan ko’rish imkonini beradi.

<iframe> atributlari

Asosiy atributlarni jadvalda ko’ramiz:

YouTube video joylash

<iframe> ning eng ko’p uchraydigan qo’llanishi — video joylashtirish:

<iframe width="560" height="315"
    src="https://www.youtube.com/embed/VIDEO_ID"
    title="Video" allowfullscreen>
</iframe>

[560x315 o'lchamli YouTube video pleyeri]

YouTube har bir videoning “embed” (joylashtirish) manzilini beradi. Uni <iframe> ga qo’yib, videoni o’z saytingizda ko’rsatasiz. allowfullscreen esa videoni to’liq ekranda ochish imkonini beradi.

Xavfsizlik va eslatma

<iframe> bilan tashqi kontent joylashda ehtiyot bo’ling: har qanday saytni <iframe> ga qo’yib bo’lmaydi (ko’p saytlar buni bloklaydi) va ishonchsiz manbalar xavf tug’diradi. Kirish qulayligi uchun title atributini doim qo’shing. <iframe> — kuchli vosita, ammo faqat ishonchli manbalar bilan ishlating.

Xulosa

Bu bo’limda <iframe> tegini, src va boshqa atributlarni, YouTube video joylashni va xavfsizlik eslatmalarini ko’rib chiqdik. <iframe> — sahifaga tashqi kontent qo’shishning asosiy vositasi. Keyingi darsda <img> tegiga o’tamiz.