HTML tilidagi teg <iframe> Inline Frame degan ma'noni anglatadi. U joriy HTML hujjatiga boshqa HTML hujjatini joylashtirish uchun ishlatiladi. O'rnatilgan hujjat joriy HTML hujjatida to'rtburchaklar ramka ichiga o'rnatilgan alohida hujjat sifatida ko'rib chiqiladi. Teg <iframe> veb-sahifa ichidagi boshqa manbadan, masalan, veb-sahifadagi tarkibni ko'rsatish uchun ishlatiladi.

Tegning asosiy sintaksisi iframe quyidagicha:

<iframe src="URL"></iframe>

Shuningdek siz width va height atributlari orqali elementni o'lchamlarini qanday bo'lishini belgilab chiqishingiz mumkin.

<iframe src="URL" width="500" height="300"></iframe>

Shuni ta'kidlash kerakki, o'rnatilgan tarkib o'zining DOM (Hujjat ob'ekt modeli) bilan alohida hujjat sifatida ko'rib chiqiladi. Bu o'rnatilgan hujjatdagi har qanday JavaScript kodi asosiy hujjatning DOM-ga kirish huquqiga ega bo'lmaydi va aksincha.

Agar siz iframe'lar bilan ishlayotgan bo'lsangiz, xavfsizlik oqibatlarini ham hisobga olish muhim, chunki o'rnatilgan kontent zararli bo'lishi mumkin. Faqat ishonchli manbalardan kontentni joylashtirish tavsiya etiladi.

Keling hozir YouTube dan birorta videoning iframe kodini olib sahifamizga joylashtiramiz.

<iframe width="560" height="315" src="https://www.youtube.com/embed/sG-HfHdL96w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>	

Ko'rib turganingizdek sahifaga biz YouTube dan olgan videomiz kelib joylashdi. Bu sizdan hech qanday xotira maydoni talab qilmaydi. Qachonki video YouTube tarmog'idan olib tashlansa sizning sahifangizda ham ko'rinmay qoladi.