<iframe>
Misol
Ichki (inline) freym quyidagicha belgilanadi:
<iframe src="https://www.w3schools.com" title="W3Schools Free Online Web Tutorials"></iframe>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
<iframe> tegi ichki (inline) freymni belgilaydi.
Ichki freym joriy HTML hujjat ichiga boshqa hujjatni joylashtirish uchun ishlatiladi.
Maslahat: <iframe> elementini bezash uchun CSS’dan foydalaning (quyidagi misolga qarang).
Maslahat: <iframe> elementiga har doim title atributini qo‘shish yaxshi amaliyot hisoblanadi. Ekran o‘qish dasturlari undan <iframe> elementining mazmuni nima ekanini o‘qib berish uchun foydalanadi.
Brauzerlarda qo‘llab-quvvatlash
| Element | |||||
|---|---|---|---|---|---|
| <iframe> | Ha | Ha | Ha | Ha | Ha |
Atributlar
| Atribut | Qiymat | Tavsif |
|---|---|---|
| allow | <iframe> uchun imkoniyatlar siyosatini (feature policy) belgilaydi | |
| allowfullscreen | true false |
Agar <iframe> requestFullscreen() metodini chaqirib to‘liq ekran rejimini faollashtira olsa, true qiymatiga o‘rnatiladi |
| allowpaymentrequest | true false |
Agar boshqa manbali (cross-origin) <iframe> uchun Payment Request API’ni chaqirishga ruxsat berilishi kerak bo‘lsa, true qiymatiga o‘rnatiladi |
| height | pixels | <iframe> balandligini belgilaydi. Standart balandlik — 150 piksel |
| loading | eager lazy |
Brauzer iframe’ni darhol yuklashi kerakmi yoki iframe’larni yuklashni muayyan shartlar bajarilguncha kechiktirishi kerakmi — shuni belgilaydi |
| name | text | <iframe> nomini belgilaydi |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin-when-cross-origin unsafe-url |
iframe’ni olishda qaysi referrer ma’lumoti yuborilishini belgilaydi |
| sandbox | allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation |
<iframe> tarkibidagi kontent uchun qo‘shimcha cheklovlar to‘plamini yoqadi |
| src | URL | <iframe> ga joylashtiriladigan hujjat manzilini belgilaydi |
| srcdoc | HTML_code | <iframe> da ko‘rsatiladigan sahifaning HTML tarkibini belgilaydi |
| width | pixels | <iframe> kengligini belgilaydi. Standart kenglik — 300 piksel |
Global atributlar
<iframe> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<iframe> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Ko‘proq misollar
Misol
iframe chegaralarini qo‘shish va olib tashlash (CSS yordamida):
<iframe src="/default.asp" width="100%" height="300" style="border:1px solid black;">
</iframe>
<iframe src="/default.asp" width="100%" height="300" style="border:none;">
</iframe>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
HTML darsligi: HTML iframe’lar
HTML DOM ma’lumotnomasi: IFrame obyekti
Standart CSS sozlamalari
Ko‘pchilik brauzerlar <iframe> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!