HTML iframe: misol va dastur xususiyatlari. HTML-ga iframe-ni qanday kiritish mumkin: foydalanish misoli Qaysi brauzerlar iframe tegini qo'llab-quvvatlaydi

Ko'rsatmalar

HTML tili(HyperText Markup Language - "gipermatnni belgilash tili") ikki turdagi freymlarni taqdim etadi. "Suzuvchi" yanada moslashuvchan va mavjud bo'lganiga kiritish osonroq. Umuman olganda, suzuvchi ramka yordamida oynani kiritishni tavsiflovchi qurilish quyidagicha ko'rinadi: Bu erda ushbu ramka uchun ma'lumotlar manbai mavjud sayt (src atributi) hisoblanadi. U kenglik va balandlik atributlarida ko'rsatilganidek, 400 dan 300 gacha o'lchamdagi ramkada ochiladi.Src atributida saytingiz sahifasini ham belgilashingiz mumkin. Bunday holda, nisbiy manzilni ko'rsatish kifoya (ya'ni, ramka kiritilgan sahifaga nisbatan manzil): Ushbu misolda ramka balandligi ko'rsatilmagan, ammo id atributi mavjud. Undan foydalanish mumkin CSS yordamida() ushbu ramka uchun kerakli o'lchamlarni o'rnating:

Ramkalarning yana bir turi - "klassik" - ramkalar tuzilishi tavsifini o'z ichiga olgan alohida sahifani talab qiladi. Ramkalarning o'zi alohida sahifalarda, hatto alohida saytlarda ham joylashadi. Kadrlar uchun bunday konteyner sahifasining HTML kodi quyidagicha ko'rinishi mumkin:




Bloklar yo'q ... Va ... Oddiy sahifalar uchun zarur bo'lgan , bu erda bo'lmasligi kerak.Ushbu misolda ochiladigan konteyner tegi qatorlar atributini o'z ichiga oladi - bu sahifa maydoni vertikal ravishda bo'linishi kerakligini anglatadi va birinchi ramka beriladi yuqori qismi. Agar siz satrlarni chiziq bilan almashtirsangiz, bo'linish gorizontal bo'ladi. Ushbu atributning qiymati "*, *" bo'lingan nisbatlarning teng ekanligini ko'rsatadi - har biri 50%. Agar siz, masalan, “20%,*”ni belgilasangiz, birinchi kadrga atigi 20%, qolgan bo‘sh joy esa ikkinchisiga beriladi.Foydalanuvchi bu nisbatlarni chegaralarini sudrab o‘zgartirishi mumkin. sichqoncha bilan ramkalar, lekin bu harakatni taqiqlash mumkin. Buning uchun ma'lum bir ramka tegiga noresize atributini qo'shishingiz kerak. Bundan tashqari, qo'shni ramkadan vertikal va gorizontal chekka o'lchamini belgilashingiz mumkin (marginwidth va marginheight atributlari): Har bir freymning aylantirish satrlari uchun xatti-harakatlar qoidalarini alohida o'rnatish mumkin. Bu uchta oldindan belgilangan qiymatdan birini o'z ichiga olishi mumkin bo'lgan aylantirish atributi yordamida amalga oshiriladi. Agar siz scrolling="auto" ni belgilasangiz, ramka mazmuni uning chegaralariga to'g'ri kelmasa, aylantirish chiziqlari paydo bo'ladi. Agar "ha" bo'lsa - kerak bo'lishidan qat'i nazar, chiziqlar doimo mavjud bo'ladi. Agar "yo'q" bo'lsa - bu ushbu ramka uchun aylantirish chiziqlari o'chirilganligini anglatadi.

Oldingi ikki bosqichda keltirilgan ma'lumotlarga asoslanib, muammoingizni hal qilish uchun qulayroq bo'lgan html kodini yaratishingiz kerak. Shundan so'ng, uni sahifaning manba kodiga kiritish qoladi. Buning uchun siz saytni boshqarish tizimining sahifa muharriridan foydalanishingiz mumkin - unda oching kerakli sahifa, HTML kodini tahrirlash rejimiga o'ting va kodingizni sahifaning kerakli joyiga joylashtiring. Faylni yuklab olasizmi? manba kodi sahifa fayl menejerini boshqarish hosting yoki kontentni boshqarish tizimi, uni oching matn muharriri va unga kodni joylashtiring. Keyin o'zgartirilgan kodni serverga qayta yuklash uchun xuddi shu usuldan foydalaning.

Veb-saytlar yaratilishining boshida veb-resurslar sahifalarning alohida qismlarini ko'rsatish uchun ramkalardan keng foydalanilgan. Ammo kelishi bilan yangi versiya HTML 5 hamma narsani o'zgartirdi. Belgilash elementlari<ramka>, <ramkalar to'plami> va<ramkalarsiz> eskirgan deb hisoblanadi. Ular bitta teg bilan almashtirildi -<iframe>. Html ga qanday qo'shish kerak

Yuqoridagi belgilashda sayt manzilini boshqasiga almashtirish va kerak bo'lganda ramka hajmini sozlash kifoya.

Element .

Maslahat: Element uslubini sozlash uchun

Yopish belgisi

Majburiy.

Atributlar

tekislash Eskirgan Kadrning chetiga qanday tekislanganligini va matn uning atrofida qanday o'ralishini aniqlaydi. ruxsat etilgan to'liq ekran Kadrga toʻliq ekran rejimiga oʻtish imkonini beradi. oshkoralikka imkon beradi Maxsus o'rnatishlar shaffof fon sahifaning foni ko'rinadigan ramka. ramka chegarasi Faqat HTML4 Ramka atrofida chegarani ko'rsatish yoki ko'rsatmaslikni belgilaydi. balandligi HTML5 ramka balandligi CSS piksellarida, HTML4 piksel yoki foizda. hspace Eskirgan. Kadrdan atrofdagi kontentga gorizontal chegara. chegara balandligi Faqat HTML4. Tarkibdan ramka chegarasigacha yuqori va pastda toʻldirish. chegara kengligi Faqat HTML4. Kontentdan freym chegarasigacha chapga va o'ngga to'ldirish. nomi Ramka nomi. qum qutisi HTML5 freymga yuklangan kontentga bir qator cheklovlar o'rnatish imkonini beradi. aylantirish O'tkazish paneli ramkada ko'rsatilishi. muammosiz HTML5 freym mazmuni xuddi hujjatning bir qismidek ko'rsatilishi kerakligini belgilaydi. src Tarkibi freymga yuklanadigan faylga yo'l. srcdoc HTML5 Kadr tarkibini bevosita atributda saqlaydi. vspace Eskirgan ramkadan atrofdagi kontentga vertikal ofset. kengligi HTML5 ramka kengligi CSS piksellarida, HTML4 piksel yoki foizlarda.

Standart uslub

Ko'pgina brauzerlar elementni ko'rsatadi

Har qanday CSS uslublari asosiy elementga qo'llaniladigan uslublar ichki hudud tarkibiga qo'llanilmaydi va ichki tarkibga qo'llaniladigan uslublar asosiy element.

Siz ixtiyoriy kenglik va balandlik atributlari yoki CSS-dan foydalanib, chiziqli hudud uchun o'lchamni belgilashingiz mumkin. Odatda standart o'lcham kengligi 300 piksel va balandligi 150 pikselni tashkil qiladi, ammo brauzerga qarab, o'lcham boshqacha bo'lishi mumkin. Ko'pgina brauzerlar sukut bo'yicha element tarkibini ko'rsatadi