HTML sahifaga sahifani qanday kiritish kerak? Buning uchun siz foydalanishingiz kerak
Displey
Displey bloki.
Misol kod
Kuchli, ammo foydalanish oson
Qadimgi yomon kunlarda veb-dizayn juda ko'p edi har bir ishlab chiquvchining hayotini buzadigan elementlar. Ular deyarli har doim yomon dizayn yondashuvi edi. Yaxshiyamki, element HTML5 da eskirgan. Lekin
O'xshashlik va farqlar
Ushbu elementlarning ikkalasi ham alohida HTML hujjatini yaratishga imkon beradi. Joriy veb-sahifada havola qilingan hujjatning mazmuniga havola ko'rsatilgan src atributi.
O'rtasidagi asosiy farq
Video aniq HTML sahifasida va alohida panelda emas. element ushbu paradigmani buzdi va hujjatga brauzer oynasi ustidan nazoratni amalga oshirishga imkon berdi, uni bir nechta kichik panellarga (ramkalarga) ajratdi, ularning har biri alohida hujjatni aks ettiradi. O'rtasidagi boshqa barcha farqlar va bu asosiy farqdan kelib chiqadi.
Iframe-lar yordamida ramkaga asoslangan tartiblarni o'zgartirmang
Bir kun kelib siz ramkalar yordamida qurilgan eski veb-saytni yangilash vazifasiga duch kelishingiz mumkin. Foydalanishni xohlashingiz mumkin va mustaqil panellar va yonbag'irlarning bir xil dahshatli tushini qayta yaratish uchun belgilangan tartib kengligi. Lekin siz alohida ramkada havolani ochish uchun maqsad atributidan foydalana olmaysiz. Siz JavaScript yechimlarini qidirishni boshlashingiz mumkin. Iltimos, qilmang.
Yaxshi (va dahshatli) foydalanish
Bir nechta to'g'ri foydalanish holatlari mavjud uchun HTML yaratish sahifalar:
uchinchi tomon media-kontentini joylashtirish;
o'z media kontentingizni platformalararo hujjat orqali joylashtirish;
joylashtirish kodlari misollari;
to'lov shakllari sifatida uchinchi tomon "appletlari" ni joylashtirish.
Bu erda ba'zi dahshatli foydalanish holatlari mavjud: :
Fotogalereya;
forum yoki chat.
Agar siz mustaqil, oldindan mavjud bo'lgan HTML hujjatlarini joriy hujjatga joylashtirishingiz kerak bo'lsa, foydalaning . Agar siz hamma narsani noldan qurayotgan bo'lsangiz, sahifa dizaynini bir nechta alohida hujjatlarga bo'lish uchun hech qanday sabab yo'q. Ayniqsa, agar ular mustaqil tarkib bo'lmasa.
iframe atributlari
Atribut nomi
Ma'nosi
Tavsif
qum qutisi
Ruxsat - bir xil kelib chiqishi Yuqori navigatsiyaga ruxsat berish Ruxsat berish shakllari Skriptlarga ruxsat berish
Kadrga yuklangan tarkibga bir qator cheklovlar o'rnatadi. Oldin sozlang HTML sahifani qanday yaratish kerak.
aylantirish
ha avtomatik yo'q
Kadrda varaqlarni ko'rsatish yoki ko'rsatmaslikni aniqlaydi. HTML5 da eskirgan. Buning o'rniga CSS dan foydalaning.
Ism
Ism
Ramka nomini belgilaydi.
Tegishlash
chap o'ng yuqori o'rta pastki
Atrofdagi elementlarga nisbatan ramkaning tekislanishini aniqlaydi. Eskirgan. Buning o'rniga CSS dan foydalaning.
ramka chegarasi
ha (yoki 1) yo'q
Ramka atrofidagi chegarani ko'rsatishni yoqish uchun foydalaniladi. HTML5 da eskirgan. Buning o'rniga CSS dan foydalaning.
longdesc
URL
Ramka mazmunining uzun tavsifini o'z ichiga olgan sahifaning URL manzilini belgilash uchun foydalaniladi. Eskirgan. Buning o'rniga CSS dan foydalaning.
chegara kengligi
piksellar
Tarkibdan ramka chegarasigacha bo'lgan plomba kengligini boshqarish uchun ishlatiladi. Eskirgan. Buning o'rniga CSS dan foydalaning.
src
URL
IFRAME da ko'rsatiladigan hujjat URL manzilini belgilaydi.
vspace
piksellar
Kadrdan atrofdagi tarkibga vertikal chegaralarni o'rnatadi. Eskirgan. Buning o'rniga CSS dan foydalaning.
kengligi
piksel %
HTML sahifadagi ramka kengligini belgilaydi.
Ushbu nashr "maqolaning tarjimasi" ", do'stona loyiha jamoasi tomonidan tayyorlangan
Ramka - bu bitta hujjatga o'rnatilgan va boshqasini ko'rsatadigan maydon. Ushbu xususiyatdan foydalanish yoki foydalanmaslik ishlab chiquvchi tomonidan belgilanadi. Har doim emas...
Masterweb dan
11.07.2018 19:00
Professional tarzda ishlab chiqilgan veb-resurs - bu to'liq va rivojlanayotgan mahsulot, ma'lumotlarning tizimli taqdimoti, original dizayn va ko'plab tashrif buyuruvchilar bilan ishlash uchun interaktiv mantiq.
Veb-sayt - bu tashkilotning yuzi, egasining tashrif qog'ozi, ishlab chiquvchining reytingi va aniq belgilangan muammolarni hal qilish uchun muayyan mavzu sohasida ishlaydigan muayyan ma'lumotlarni taqdim etish uchun to'liq funktsional tizim.
"Iframe" tushunchasi va maqsadi
HTML standarti freym variantini taklif qilganda freymlar eng yaxshi natija bermadi. Iframe paydo bo'lishi bilan vaziyat unchalik yaxshilanmadi. Brauzerlar va veb-sayt egalari bunday elementlar orqali uchinchi tomon ma'lumotlarini ko'rsatishga rozi emaslar.
Ramka qalqib chiquvchi oyna yoki tashrif buyuruvchiga biror narsani majburlashga urinish emas. O'z mahsulotining boshqa birovning veb-saytida ko'rsatilishini istamaydigan resurs ishlab chiqaruvchisini fonda "zaxira raqqosa" sifatida tushunish ham mumkin.
Biroq, veb-resursni (yoki hujjatni) ishlab chiquvchisi va ushbu resursni ishlab chiqaruvchi-iste'molchisi o'z mahsulotida bir-biriga qiziqish bildirganda, etarli miqdordagi ilovalar mavjud. Masalan, Google xaritalari yoki Youtube videolari. Boshqa mashhur g'oyalar mavjud: ob-havo prognozlari, birja kursi dinamikasi, asboblar o'qishlari, statistik ma'lumotlar.
Ramka - bu kimdir o'z veb-resursida to'playdigan, qayta ishlaydigan va taqdim etadigan ma'lumotlar dunyosiga ochiladigan oyna. Shuningdek, u ularga iste'molchi saytidagi ramka orqali, odatda talablar tizimi yoki maxsus API (funktsiyalar kutubxonasi) orqali kirishni taklif qiladi.
HTML "iframe": qo'llash uchun misol shartlari
Har bir veb-saytni iframe-da ko'rsatish mumkin emas. O'z veb-saytida ramkadan foydalanishni rejalashtirishdan oldin, ishlab chiquvchi o'z veb-saytida u yoki bu shaklda ko'rsatmoqchi bo'lgan veb-resurs yoki hujjat egasi bilan kelishib olishi kerak. Misol uchun, Youtube videosi quyida ko'rsatilgandek ramka tegiga kiritilishi mumkin (bosilgan o'ng tugma ishlab chiquvchining veb-saytidagi videoda sichqoncha).
Taqdim etilgan "HTML kodini" nusxalash orqali siz kerakli video oqimini veb-saytingizga xavfsiz joylashtirishingiz mumkin. Teg sizga kerak bo'lgan hamma narsani ko'rsatadi: o'lchamlar va ko'rsatish shartlari. "iframe" tegini HTML div-ga joylashtirish qulay - bu sizning saytingizda uchinchi tomon kontentini optimal joylashtirish imkonini beradi.
Rekursiya va ramkalar: amaliy misol
Iframe freymga qaraganda yaxshiroq taqdirga ega bo'lishi shubhali. Tahlilning rivojlanishi va mezonlar bo'yicha to'plangan ma'lumotlarning dolzarbligi boshqa birovning tarkibini "xuddi shunday" formatda ko'rsatish istiqbollarini xayoliy qiladi. "Kelishi kerak" formati afzalroq bo'lib bormoqda.
Biroq, bugungi kunda Google va Youtube ishlanmalaridan, shuningdek, ramka yoki boshqa uchinchi tomon foydalanish uchun mo'ljallangan ob-havo, siyosiy, statistik, musiqa, o'yin va boshqa resurslardan foydalanish ideal (va narsalar tartibida).
Yuqoridagi misolda uchta HTML "iframe" misoli mavjud:
Google xaritasi;
uchinchi tomon saytidan olingan video;
Youtube dan video.
Oxirgi, to'rtinchi ramka bu barcha ramkalar joylashgan saytga havola qiladi. Chapdagi rasm yuklangandan so'ng saytdir. O'ngdagi rasm bir muncha vaqt o'tgach ko'rsatilayotgan sayt (har bir kadrdagi video o'z ritmida "oqdi"), lekin (4!) dagi slayder pastga siljiydi. Siz xarita va video hali ham ko'rsatilayotganini aniq ko'rishingiz mumkin, lekin o'zini ko'rsatish ishlamadi.
Ushbu misol uchun "iframe" kodi va uslublar quyida ko'rsatilgan.
Div-ga ramkani joylashtirish nafaqat joylashishni aniqlash nuqtai nazaridan qulaydir. Ramka tezda yaratilishi mumkin. JavaScript HTML teglarini, jumladan, ramkalarni yaratish imkonini beradi. JavaScript barcha kontentga xizmat qiluvchi toʻliq xususiyatli tildir HTML sahifalar. U dialog jarayonida rekursiv, adaptiv tarzda ishlashi va tashrif buyuruvchining manfaatlariga moslashishi mumkin.
Ramka faqat statik emas. Uning mazmuni u joylashtirilgan sahifaning mazmunidan alohida. Siz haqiqatan ham turli xil manbalar o'rtasida ma'lumot almashish usullarini topishingiz mumkin, ammo bu turli sohalar o'rtasida ma'lumot almashish muammolarining bir qismidir.
Lekin HTML faqat axborot almashinuvi va rekursiyani toʻliq boshqara olmaydi. Iframe - bu foydalanishdan oldin muayyan vaziyatda sinchkovlik bilan tekshirilishi kerak bo'lgan tegning namunasidir.
Har bir sayt rozi emas va har bir kontent mavjud emas. Bu shunchaki mualliflik huquqi masalasi emas. Ma'lumotni kadrda ko'rsatish qobiliyatiga brauzer, tashrif buyuruvchi, resurs ishlab chiqaruvchisi yoki resurs joylashtirilgan server ta'sir qilishi mumkin.
Shaxsiy tahlil qilish yoki uchinchi tomon kontenti
Veb-sayt mazmuni nuqtai nazaridan ramkalar nima? Bu uning qo'shimchasi. Ishlab chiquvchi Webmoney titul birliklari bilan savdo qilish uchun veb-platforma yaratmoqda va uning valyuta kurslari dinamikasi bilan oyna joylashtirish haqidagi qarori oqilona. To'g'ridan-to'g'ri birjaning o'zidan olingan tarkib tahlil qilish va uyda ishlab chiqishdan ko'ra ko'proq istiqbolli.
Ishlab chiquvchi iste'mol tovarlari do'konini yaratmoqda va uning tashrif buyuruvchiga har bir mahsulot ishlab chiqaruvchisi veb-saytini ko'rish imkoniyatini taklif qilish istagi qiyin ish, ammo mijoz uchun jozibali. Ehtimol, ushbu strategiya do'konni mahsulot ishlab chiqaruvchilari va ko'pincha raqobatchilarning veb-saytlarini tahlil qiladiganlarga qaraganda yaxshiroq qiladi.
Kontent provayder ramkasi nima? Bu ma'lumotni taqdim etishdir. Aslida, bu kompaniyaning ishini barqarorlashtirishdir, u umuman ish uchun o'z veb-saytini yaratmasligi mumkin, lekin asosan ramkadan foydalanishga e'tibor beradi. Xususan, Google Xaritalar ajoyib g'oya ekanligiga shubha yo'q, lekin u ma'lum bir ilovada idealdir:
sayyohlik agentligi - marshrutlar va transport xaritasi;
yuklarni yetkazib berish - marshrutni, moliyaviy xarajatlarni, yoqilg'ini to'ldirishni va boshqalarni hisoblash;
shahar va tumanlar uchun navigatorlar...
Shu nuqtai nazardan, ramkalar talabga ega, ular saytni yanada amaliy qiladi. Bundan tashqari, ishlab chiquvchi shunchaki uchinchi tomon kontenti uchun oyna yaratishi mumkin. HTML "iframe" amaliy mehnat taqsimotiga misoldir. Bir tashkilot ma'lumotni etkazib beradi, boshqasi mijozga beradi.
Internetda dasturlashning kelajagi nima bo‘lishini aytish qiyin. Hamma narsa juda dinamik rivojlanmoqda va apparat komponenti tobora ko'proq imkoniyatlarni taqdim etmoqda. Ehtimol, HTML iframe turli veb-resurslar va Internet texnologiyalarining ideal kombinatsiyasiga misoldir. Ehtimol, bu yanada istiqbolli g'oyalarni shakllantirish yo'lidagi bosqichdir.
Har holda, iframe yorlig'i ishlatiladi va u keng ko'lamli amaliy vazifalarda talabga ega.
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 ? Quyidagi misol hatto dasturlashda yangi boshlanuvchilar uchun ham tushunarli bo'ladi.
Ramkalar nima?
Ko'pgina birinchi veb-sahifalarning asosi ramka hisoblanadi. Agar so'zma-so'z tarjima qilingan bo'lsa, bu so'z "ramka" degan ma'noni anglatadi, ya'ni ramka brauzerdagi sahifaning kichik qismidir. O'tmishda ramkalarning keng qo'llanilishini internet-trafikning past sifati va yuqori narxi bilan izohlash mumkin. Qoidaga ko'ra, sayt 3-5 qismga bo'lingan, ularning har biri ma'lum bir maqsadga xizmat qilgan:
"sarlavha" (sahifaning kengligi bo'ylab yuqori ramka) - resurs nomini ko'rsatadi;
chap/o'ng "shisha" - menyu ekrani;
Markaziy ramka sayt tarkibini ko'rsatishdir.
Sahifani qismlarga bo'lish uni yangilashda faqat ma'lum bir qismni ortiqcha yuklashga imkon berdi. Misol uchun, foydalanuvchi menyu elementini bosdi va yangi tarkib markaziy ramkaga yuklab olindi.
HTML 5 da zamonaviy ramkalar
Nima uchun u HTMLda kerak?<iframe>? Masalan, uchinchi tomon manbasidan tarkibni kiritish. Klassik holat - veb-ishlab chiquvchi ob'ektning joylashuvini xaritada ko'rsatmoqchi bo'lganda. Nima qilishim kerak? Sayt rejasini noldan chizasizmi? Yo'q - oddiyroq yechim bor: sahifaga Google Map, Yandex Maps yoki 2GIS elementini joylashtiring. Muammo to'rt bosqichda hal qilinadi.
Har qanday xaritalash xizmatining veb-saytiga kirishingiz kerak.
Istalgan ob'ektni toping. Aniq manzilni bilganingizdan so'ng, uni qidiruv oynasiga kiritishingiz mumkin.
“Saqlash va kodni olish” tugmasidan (Yandeks.Maps uchun) yoki “Bajarildi” (uchun Google Xaritalar) joylashtirish kodini oling.
Faqat yaratilgan belgilash teglarini sahifaga kiritish qoladi.
Bundan tashqari, siz xarita o'lchamini tanlashingiz va boshqa displey parametrlarini sozlashingiz mumkin.
Uni HTMLda yana qanday ishlatish mumkin?<iframe>? Misol tariqasida Youtube resursidan video materiallarni kiritish mumkin. Multimedia texnologiyalari Internet foydalanuvchilarini o'ziga jalb qiladi, shuning uchun video kontent juda mashhur. Ishlab chiquvchi videoni o'rnatish bilan tezda shug'ullanadi.
Siz o'zingizning videongizni Youtube-ga yuklashingiz yoki translyatsiya qilish uchun uchinchi tomon faylini topishingiz kerak.
"HTML Code" tugmasini tanlab tegni oling
Oxirgi qadam - yopishtirish . Olingan teg tarkibiga misol quyida muhokama qilinadi.
Ikkala misolda avtomatik kod ishlab chiqarish ishlatilgan, ammo professional ishlab chiquvchilar kodni o'zlari yozishlari kerak. Birinchidan, bu ularga sahifa tartibini tushunishga va kerak bo'lganda uni o'zgartirishga imkon beradi. Ikkinchidan, sayt elementlarini belgilash (ular tashqi manbaga tegishli bo'lsa ham) har doim ham veb-ustaning ishtirokisiz shakllanmaydi. Bu erda ishlab chiquvchining yuqori malakasi o'ynaydi.
Sintaksis
Shunday qilib, sahifani joylashtirishni boshlashdan oldin, iframe (html) tegini ko'rib chiqishingiz kerak: bu nima va uni qanday to'g'ri ishlatish kerak.
Avvalo, tegning juftlanganligini ta'kidlash kerak. Ochilish va yopish elementlari o'rtasida ushbu belgilash elementini qo'llab-quvvatlamaydigan brauzerlarda ko'rsatiladigan tarkibni ko'rsatadi. Asosiy teg atributlari:
kenglik (kenglik);
balandlik (balandlik);
src (yuklab olingan resurs manzili);
tekislash (tekislash usuli);
ramka chegarasi;
ruxsat etilgan to'liq ekran.
Shunday qilib, kod . HTML misoli quyida to'liq ko'rsatilgan:
Yuqoridagi belgilashda sayt manzilini boshqasiga almashtirish va kerak bo'lganda ramka hajmini sozlash kifoya.
Ramkalar - bu veb-brauzer oynasini bir nechta mustaqil oynalarga bo'lish imkonini beruvchi HTML elementlari bo'lib, ularning har biri alohida HTML hujjatini yuklashi mumkin. Har bir bunday oyna (ramka) o'zining o'tish panellariga ega bo'lishi va boshqa mustaqil oynalardan mustaqil ravishda ishlashi yoki aksincha, ularning mazmunini boshqarishi mumkin. Ulardan doimiy ravishda bitta oynada joylashgan menyuni tashkil qilish uchun foydalanish mumkin, ma'lumotlarning o'zi esa boshqa oynada joylashgan. Foydalanuvchilar istalgan vaqtda menyuga qaytmasdan kirishlari mumkin oldingi sahifa boshqa menyu bandini tanlash uchun. Ramkalardan foydalanish sizga tasvirlar yoki boshqa statik interfeys elementlarini brauzer oynasiga "qo'yish" imkonini beradi, qolgan qismi esa freym ichida aylanadi. Ammo shuni ta'kidlash kerakki, bugungi kunda ramkalar eskirgan vosita deb hisoblanadi va freymlari bo'lgan saytlar endi nomunosib hisoblanadi, chunki professional veb-ustalar o'z loyihalarida hech qachon ramkalardan foydalanmaydilar. Ramkalarda bir qator mashhur muammolar mavjud. Ular, masalan, qidiruv tizimlarini chalkashtirib yuborishadi, chunki tarkibni o'z ichiga olgan sahifalar boshqa hujjatlarga havola qilmaydi. Agar siz tashrif buyuruvchilarni qabul qilmoqchi bo'lsangiz qidiruv tizimlari, ramkalar haqida unuting. Foydalanuvchi o'ziga yoqqan sahifani brauzerning xatcho'plar bo'limiga joylashtirishi mumkin emas, chunki ramkalar u joylashgan sahifaning manzilini yashiradi va har doim faqat veb-sayt manzilini ko'rsatadi. Shu sababli, ular tarixni kuzatishda brauzerlar uchun muammolarni yaratadilar va ular turli xil ekran o'lchamlari va mobil qurilmalarga juda mos kelmaydi. Ramkali loyihalar mavjud bo'lishiga qaramay Internet kamdan-kam hollarda HTML tilini o'rganish ramkalar mavzusini yoritmasdan to'liq bo'lmaydi. Ramkalar, ularning kamchiliklari bilan bir qatorda, ushbu texnologiyani istiqbolsiz deb e'tibordan chetda qoldirishga imkon bermaydigan ba'zi afzalliklarga ega.
Ramkalar yaratish
Ramkali HTML hujjatning tuzilishi tashqi ko'rinishi bo'yicha oddiy HTML hujjat formatiga juda o'xshaydi. Oddiy HTML hujjatidagi kabi barcha kodlar juftlangan teglar orasiga joylashtiriladi Va , va konteynerda sarlavhalari joylashgan. Ramkali hujjatning oddiy HTML hujjatidan asosiy farqi teg o‘rniga freymli hujjatdir juftlangan teg qo'llaniladi (inglizcha ramka to'plamidan - ramkalar to'plami). Quyidagi misolda HTML hujjatining ramkalar bilan tuzilishi ko'rsatilgan:
Misol: Ramkali HTML hujjat tuzilishi
O'zingiz sinab ko'ring »
frame_top
ramka_chap
frame_right
Ramkalar bilan hujjat
Yuqoridagi misolda sahifa uchta maydonni o'z ichiga oladi, ularning har biri dastlab frame_top.html, frame_left.html va frame_right.html HTML hujjatlari bilan yuklanadi. HTML hujjatlaridan tashqari ramkada grafikalar ham bo'lishi mumkin. Buning uchun atributda mos keladigan tasvirning manzilini ko'rsatish kerak src, Masalan src="image.gif". E'tibor bering, element yopish tegisiz ishlatiladi. Idishning ichida faqat teglarni o'z ichiga olishi mumkin yoki teglar bilan qoplangan boshqa ramkalar to'plami Va
. teg quyidagi atributlarga ega:
qatorlar— sahifani qatorlarga boʻlish yoʻlini tavsiflaydi:
cols— sahifa qanday ustunlarga boʻlinishini tavsiflaydi:
Ushbu sahifaning bo'linishi natijasida yuzaga keladigan joylar ramkalar bo'ladi. Ushbu atributlarning yo'qligi butun brauzer oynasini egallaydigan yagona ramkani belgilaydi.
Atributlarning ma'nosida qatorlar Va cols Bu qatorlar yoki ustunlar sonini emas, balki ramkalarning kengligi va balandligini ko'rsatishi kerak. Ro'yxatdagi barcha qiymatlar vergul bilan ajratilgan. O'lchamlar mutlaq birliklar (piksellar) yoki foizlarda ko'rsatilishi mumkin:
cols = "20%, 80%"— brauzer oynasi atribut yordamida ikki ustunga bo‘linadi cols, chap ustun brauzer oynasining 20%, o'ng esa 80% ni egallaydi.
satrlar = "100, *" Brauzer oynasi atribut yordamida ikkita gorizontal oynaga bo'linadi qatorlar, yuqori oyna 100 pikselni, pastki oyna esa yulduzcha belgisi bilan belgilangan qolgan joyni egallaydi.
Ushbu misoldan ko'rinib turibdiki, konteyner atribut bilan qatorlar birinchi navbatda ikkita gorizontal ramka hosil qiladi va ikkinchi ramkani boshqasi bilan almashtiradi atribut yordamida pastki gorizontal ramkani ikkita ustunga ajratadi cols, chap ustun brauzer oynasining 20%, o'ng esa 80% ni egallaydi. Brauzer ramkalarni qo'llab-quvvatlamasa, oyna teglar orasida joylashgan matnni ko'rsatadi Va . Teglar orasidagi hamma narsa Va , ramkalarni qo'llab-quvvatlaydigan brauzerlar tomonidan e'tiborga olinmaydi. Shunday qilib, ishlab chiquvchi ramkalar tarkibini boshqa usullar bilan takrorlaydigan kodni yozishi va ushbu kodni konteynerga joylashtirishi kerak. , keyin barcha foydalanuvchilar uning veb-sahifasini ko'rishlari mumkin. Yuqorida aytib o'tilganidek, ajratilmagan teg hujjatga alohida ramka kiritish uchun ishlatiladi . Atribut src ushbu ramka ichida ko'rsatilishi kerak bo'lgan hujjatni belgilaydi, masalan: . Agar atribut src etishmayotgan bo'lsa, bo'sh ramka ko'rsatiladi.
Chegaralar yoki ramkalar orasidagi bo'shliq
Odatiy bo'lib, brauzer freymlar orasidagi kulrang, odatda 3D chiziqli chegarani ko'rsatadi, undan tashrif buyuruvchilar ramka o'lchamini sozlash uchun foydalanishi mumkin. Ramka chegarasi boshqa har qanday ramka elementi kabi o'zgartirilishi mumkin. Buning uchun bir nechta element atributlari mavjud , ramkalar chegaralarini sozlash imkonini beradi. Chegara chizig'ining qalinligi atribut bilan belgilanadi chegara. Standart chegara qalinligi qiymati besh. Kadr chegarasini yashirish uchun siz chegara kengligi qiymatini nolga yoki atributga "no" yoki "0" qiymatini belgilashingiz kerak. ramka chegarasi. Atribut ramka chegarasi faqat ikkita qarama-qarshi ma'noni qabul qilishi mumkin. Agar atribut qiymati bo'lsa ramka chegarasi"ha" yoki "1" ga teng bo'lsa, ramka chegarasi ko'rsatiladi va "0" yoki "yo'q" bo'lsa, yo'q. E'tibor bering, atribut qiymatlari ramka chegarasi uchun farqlanadi turli xil brauzerlar. Ushbu muammoni hal qilish uchun atributdan ikki marta foydalaning ramka chegarasi, va ba'zi brauzerlar uchun atributni ham qo'shishingiz kerak ramka oralig'i"0" qiymati bilan:
Quyidagi misolda biz ramkalar orasidagi chegarani olib tashlaymiz:
Misol: ramkalar orasidagi chegarani olib tashlash
O'zingiz sinab ko'ring »
ramka_chap
frame_right
Chegarasiz ramkalar
Agar siz ramkalar orasidagi chegarani olib tashlasangiz, tashrif buyuruvchilar brauzerda ramka hajmini o'zgartira olmaydi. Bundan tashqari, atribut yordamida chegaralarni saqlab, ramka hajmini o'zgartirishni oldini olishingiz mumkin noresize:
Atributdan foydalanish chegara rangi Siz ramka chegarasining rangini o'zgartirishingiz mumkin, shunchaki kodni yoki tegishli zaxiralangan rang nomini ko'rsatishingiz kerak. Quyida yuqorida tavsiflangan ramka chegarasini boshqarish atributlarini o'z ichiga olgan HTML sahifasiga misol keltirilgan: chegara rangi qizil, yuqori freymning o'lchamini o'zgartirib bo'lmaydi:
Misol: ramka chegarasini boshqarish
O'zingiz sinab ko'ring »
frame_top
ramka_chap
frame_right
Ramka chegaralarini boshqarish
Agar siz ramka ichida ko'rsatilgan sahifani uning chegaralariga yaqinroq joylashtirmoqchi bo'lsangiz yoki aksincha, uzoqroqqa ko'chirmoqchi bo'lsangiz, atributlarni o'zgartiring. chegara balandligi Va chegara kengligi teg . Atribut chegara balandligi ramka mazmuni va uning yuqori va pastki chegaralari orasidagi to'ldirishni belgilaydi. Sintaksis:
Atribut chegara kengligi ramka mazmuni va uning o'ng va chap chegaralari orasidagi to'ldirishni belgilaydi. Sintaksis:
Ushbu html qatori, masalan, ko'rsatilgan sahifani ramka chegarasiga yaqin joylashtiradi:
Agar sahifa siz xohlamagan aylantirish panelini ko'rsatsa, siz atributni ko'rsatish orqali muammoni hal qilishingiz mumkin. aylantirish tegda "yo'q" . Ammo shuni yodda tutingki, agar ramka sahifaning butun mazmunini ko'rsatish uchun etarlicha katta bo'lmasa, u holda tashrif buyuruvchi ko'rsatilgan sahifani aylantirish imkoniyatiga ega bo'lmaydi.
Ramkalar ichidagi havolalar
Oddiy HTML hujjatidagi havoladan keyin quyidagi tarzda amalga oshiriladi: havolani bosing va joriy hujjat joriy yoki yangi brauzer oynasida yangisiga almashtiriladi. Kadrlardan foydalanganda HTML hujjatlarini yuklash sxemasi odatdagidan farq qiladi va asosiy farq HTML hujjatini boshqa freymdan bir freymga yuklash imkoniyatidir. Hujjatni ma'lum bir ramkaga yuklash uchun atributdan foydalaning maqsad teg . Atribut qiymati sifatida maqsad atribut tomonidan ko'rsatilgan hujjat yuklanadigan ramka nomi ishlatiladi nomi teg . Shuni ham ta'kidlash kerakki, ramka nomi raqam yoki lotin harfi bilan boshlanishi kerak. Quyidagi nomlar zahiradagi nomlar sifatida ishlatiladi:
Tashqi havolalar uchun maqsadli atributni _top yoki _blank ga o'rnatishingiz kerak, shunda uchinchi tomon loyihalari sizning ramkalaringizda ko'rinmaydi, balki butun brauzer oynasini to'ldiradi.
Quyidagi misolda o'ng freym yuqori freymga joylashtirilgan havoladan sahifani yuklaydigan HTML hujjatini ko'rsatadi. To'g'ri ramkada ochiladigan hujjatga havola:
Hujjatni belgilangan ramkaga yuklash uchun konstruksiyadan foydalaning maqsad = "ramka_o'ng", misolda ko'rsatilganidek:
Misol: boshqa ramkaga havola
O'zingiz sinab ko'ring »
Boshqa ramkaga havola
Brauzeringiz ramkalarni ko'rsatmayapti
Suzuvchi ramkalar
Element (inglizcha "suzuvchi ramka" atamasining qisqartmasi) veb-sahifaning istalgan joyiga alohida HTML hujjatini yoki boshqa manbani joylashtirish imkonini beradi. Suzuvchi (ko'milgan) ramkaning mazmuni sizning resursingizdagi yoki boshqa veb-saytdagi istalgan HTML sahifa bo'lishi mumkin. Siz allaqachon tushunganingizdek, bo'sh ramkalar element yordamida yaratiladi , bu tegdan farqli o'laroq teglar orasiga kiritilmagan Va
, va teglar orasida Va
. Element ichida ramka uchun bir xil atributlardan foydalanishingiz mumkin , atributdan tashqari noresize— oddiy kadrlardan farqli oʻlaroq, oʻrnatilgan freymlar ekranda oʻlchamini oʻzgartirib boʻlmaydi:
Atribut
Tavsif
src
ramkada ko'rsatiladigan sahifaning URL manzilini belgilash uchun ishlatiladi
balandlik
suzuvchi ramka oynasining balandligini piksel yoki % bilan belgilaydi
kengligi
suzuvchi ramka oynasining kengligini piksel yoki % bilan o'rnatadi
nomi
havolalarda unga kirish mumkin bo'lgan ramka nomi
ramka chegarasi
freymlar uchun ramkani o'rnatadi, 1 (ramka mavjud) yoki 0 (ramka yo'q) qiymatlarini qabul qilishi mumkin ( HTML5 da qo'llab-quvvatlanmaydi)
chegara kengligi
tarkibdan ramka chegarasigacha chapga va o'ngga to'ldirish ( HTML5 da qo'llab-quvvatlanmaydi)
chegara balandligi
tarkibdan ramka chegarasigacha yuqorida va pastda chekinish ( HTML5 da qo'llab-quvvatlanmaydi)
aylantirish
ramka uchun aylantirish satrlari turini aniqlaydi va qiymatlarni qabul qiladi ha (barlar mavjud), yo'q (barlar yo'q) va avtomatik (kerak bo'lsa, chiziqlar paydo bo'ladi) ( HTML5 da qo'llab-quvvatlanmaydi)
ruxsat etilgan to'liq ekran
Kadrga toʻliq ekran rejimiga oʻtish imkonini beradi
hspace
Kadrdan atrofdagi tarkibga gorizontal chegara
vspace
ramkadan atrofdagi tarkibga vertikal bo'shliq
tekislash
ramkaning tekislanishini belgilaydi
Quyidagi misolda suzuvchi ramkaning o'lchamlari piksellarda ko'rsatilgan, ammo siz ularni % bilan ham belgilashingiz mumkin:
Ko'rsatmalar
HTML tili (HyperText Markup Language) ikki turdagi freymlarni taqdim etadi. "Suzuvchi" yanada moslashuvchan va mavjud bo'lganiga kiritish osonroq. IN umumiy holat Suzuvchi ramka yordamida oynani o'rnatishni tavsiflovchi konstruktsiya quyidagicha ko'rinadi: Bu erda mavjud sayt (src atributi) ushbu ramka uchun ma'lumotlar manbai sifatida ko'rsatilgan. Kenglik va balandlik atributlarida ko'rsatilganidek, u 400 dan 300 gacha o'lchamdagi ramkada ochiladi. Siz 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 misolda ochiladigan konteyner yorlig'i bo'lmasligi kerak 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 faqat 20%, qolgan bo'sh joy esa ikkinchisiga beriladi 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 panellari 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 o'zingizning sayt boshqaruv tizimingizning sahifa muharriridan foydalanishingiz mumkin - undagi kerakli sahifani oching, 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.