uy - Routerni sozlash
Ramka kiritish. Ramkalar yaratish

Ramkalarni qo'llash sohalari

HTML hujjatlarini ishlab chiquvchilar sahifalarda ma'lumotlarni ko'rsatish uchun shakllarning juda keng tanloviga ega. Matn va grafik ma'lumotlarni ro'yxatlar, jadvallar yordamida yoki oddiygina tekislash parametrlari, gorizontal chiziqlarni o'rnatish va paragraflarga bo'lish orqali tartiblash va tartibga solish mumkin. Ba'zan bu xususiyatlar etarli emas va keyin brauzer oynasini alohida maydonlarga yoki ramkalarga bo'lishingiz kerak. HTML tilining rus tilidagi bir qator tavsiflarida freymlar atamasi o'rniga freymlar atamasi qo'llaniladi. Ikkala atamaning qo'llanish chastotasi taxminan bir xil.

WWW ma'lumotlarini ko'rsatish uchun ramka tuzilishini tanlash quyidagi hollarda oqlanadi:

  • agar kerak bo'lsa, boshqa pastki sohada ishlayotganda, hujjatlarni brauzerni ko'rish oynasining pastki sohalaridan biriga yuklashni boshqarish;
  • ekranning boshqa kichik sohalari tarkibidan qat'i nazar, doimo ekranda bo'lishi kerak bo'lgan ma'lumotlarni ko'rish oynasining ma'lum bir joyida joylashtirish;
  • oynaning bir nechta qo'shni kichik maydonlarida qulay tarzda joylashtirilgan ma'lumotlarni taqdim etish, ularning har biri mustaqil ravishda ko'rib chiqilishi mumkin.

Ushbu ro'yxat ramkalar qo'llanilishi mumkin bo'lgan barcha mumkin bo'lgan holatlarni tugatmaydi, lekin tavsiya xarakteriga ega.

Keling, avval real hayotdagi HTML hujjatlari misollari yordamida freymlardan odatiy foydalanishni ko'rib chiqamiz, so'ngra freymlarni o'z ichiga olgan hujjatlarni ishlab chiqish qoidalariga murojaat qilamiz.

Shaklda. 5.1-rasmda Rossiya moliya va fond bozorlaridan ma'lumotlarni taqdim etishga ixtisoslashgan Finmarket agentligining HTML sahifalaridan biri ko'rsatilgan.

Guruch. 5.1. Ramka tuzilishiga ega odatiy veb-hujjat

Ushbu sahifa brauzer oynasini uchta ramkaga ajratadi. Oynaning pastki qismi butun oyna balandligining 20% ​​ni egallaydi va doimiy ma'lumotni o'z ichiga oladi, bu holda grafik menyu bo'lib, istalgan vaqtda eng muhim bo'limlarga kirish imkonini beradi. Ushbu ramka foydalanuvchi buyruqlari asosida o'z hajmini o'zgartira olmaydi va aylantirish paneli yo'q. Oynaning yuqori qismi (bu balandlikning 80% ni tashkil qiladi) gorizontal ravishda ikkita ramkaga bo'linadi. Chap ramkada foydalanuvchi ko'rishi mumkin bo'lgan hujjatlar mazmuni mavjud. Ko'rish oynasining ko'p qismini egallagan o'ng ramka hujjatlarning o'zini ko'rsatish uchun mo'ljallangan. Dastlab yuklanganda, bu ikki ramka brauzer oynasini gorizontal ravishda 15% dan 85% gacha bo'lgan nisbatda ajratadi. Ushbu nisbat foydalanuvchi tomonidan ko'rish vaqtida o'zgartirilishi mumkin, bu yuklangan hujjatlarning mazmunini hisobga olgan holda optimal ramka o'lchamlarini tanlash imkonini beradi. Ushbu freymlarning har biri o'zining o'tkazish paneliga ega bo'lib, ramkaning o'zi, butun brauzer oynasi yoki ishlatiladigan shriftlardan qat'i nazar, ramkaning butun tarkibini ko'rish imkonini beradi. Chap freymdagi istalgan havolani tanlaganingizda, tegishli hujjat o'ng ramkaga yuklanadi. Ushbu tuzilma bir vaqtning o'zida ekranda hujjatlar tarkibini ham, tanlangan hujjatning mazmunini ham ko'rish imkonini beradi.

Mana, tushuntirishsiz, ushbu tuzilishga ega hujjat yaratish uchun ishlatiladigan HTML kodining bir qismi:

Ushbu misol ramka tuzilmalaridan eng tipik foydalanishni ko'rsatadi, bu erda bir ramka hujjatlar uchun mundarija bo'lib xizmat qiladi, ikkinchisi esa ularning mazmunini yuklash uchun ishlatiladi. Bunday muammoni ramkalardan foydalanmasdan hal qilish odatda quyidagicha amalga oshiriladi. Sahifalarning birida boshqa hujjatlarga havolalar yoki ularning alohida bo'laklaridan iborat tarkiblar jadvali mavjud. Bunday havolani bosganingizda, mundarija yo'qoladi va kerakli hujjat o'z o'rniga yuklanadi, uni o'qib bo'lgach, odatda mundarijaga qaytishingiz kerak bo'ladi. Ramkalardan foydalanganda, bu qaytarish keraksiz bo'lib qoladi, chunki Mundarija har doim ekranning bir qismida joylashgan.

Siz uni Internetda topishingiz mumkin Sankt-Peterburgdagi "All Peterburg" mashhur manzil va telefon ma'lumotnomasining elektron nashri veb-sayti.

Katalogning elektron versiyasi bilan quyidagi manzilda tanishishingiz mumkin http://www.allpetersburg.ru va foydalanuvchi so'rovlari asosida kerakli ma'lumotlarni topish imkonini beradi. Ushbu hujjat sahifasi ham ramka tuzilishiga ega va ikkita ramkadan iborat bo'lib, ularning birinchisi 100 piksel kengligida, ikkinchisi esa ko'rish oynasining qolgan butun kengligini egallaydi. Chap tomonda joylashgan ramka doimiy ravishda ekranda mavjud bo'lgan grafik menyu uchun ishlatiladi va Nevalink kompaniyasi logotipini ham o'z ichiga oladi. Ikkinchi ramka hujjatni o'z ichiga oladi, bu holda foydalanuvchi so'rovi shaklidir. Ushbu sahifaning tuzilishi quyidagi HTML kodi bilan belgilanadi:

Ramkalar jadvallarga juda o'xshaydi - ikkalasi ham brauzer oynasini ba'zi ma'lumotlar joylashgan to'rtburchaklar maydonlarga ajratadi. Biroq, ramkalar yordamida siz nafaqat hujjat sahifalarini formatlash masalasini hal qilishingiz, balki ular orasidagi o'zaro aloqani ham tashkil qilishingiz mumkin. Ramkalar va jadvallar o'rtasidagi asosiy farq shundaki, har bir freym o'zining alohida HTML hujjatiga ega bo'lishi kerak, lekin barcha jadval hujayralarining mazmuni doimo bir xil hujjatning bir qismidir. Bunga qo'shimcha ravishda, ramkada ko'rsatilgan sahifa boshqalardan mustaqil ravishda ko'rilganda aylantirilishi mumkin. Har bir kadr mohiyatan alohida “mini-brauzer” hisoblanadi. Butun tuzilishi har doim ekranda ko'rsatiladigan ramkalardan farqli o'laroq, jadvallar oynaga to'liq mos kelmasligi mumkin va ularni faqat qismlarga bo'lib ko'rish mumkin. Bundan kelib chiqadiki, agar HTML jadvallarida hujayralarning umumiy soni amalda cheklanmagan bo'lsa va bir necha yuzga yetishi mumkin bo'lsa, hujjatdagi ramkalar soni odatda bir necha birlikdan oshmaydi.

Maslahat

Agar siz faqat hujjatni formatlashingiz kerak bo'lsa, unda jadvallardan foydalanish bilan cheklanish kifoya. Agar siz murakkabroq muammolarni hal qilishingiz kerak bo'lsa, masalan, oynaning pastki qismlari o'rtasidagi o'zaro ta'sirni tashkil qilish yoki ekranda doimiy joylashgan pastki maydonlarni yaratish, u holda ramkalardan foydalanish qulay.

Oxir oqibat, hujjat strukturasini tanlash - jadval yoki ramka - ko'p omillarga bog'liq va uni aniq belgilash mumkin emas.

Shuningdek boravvalgilariga o'xshash tarzda qurilgan sahifalar. Masalan, siz olishingiz mumkin asosan Internet bilan ishlash uchun mo'ljallangan dasturiy mahsulotlarning dunyo bo'ylab juda mashhur to'plamining sahifasi. Server manzil http://www.tucows.com. E'tibor bering, server nomi to'plamning to'liq nomi - The Ultimate Collection of Winsock Software qisqartmasidan olingan qisqartma bilan aniqlangan. Tucows qisqartmasi ikkita sigir (ikki sigir) iborasi bilan uyg'un bo'lganligi sababli, server sahifalarida ko'pincha sigirlar tasvirlari mavjud va dasturiy mahsulotlarning reytingi mooinglar sonida ("Moo") baholanadi va grafik tasvirlangan. sigirlarning mos keladigan soni qatori sifatida. Server sahifalarining aksariyati xuddi shu tarzda qurilgan - oynaning chap tomonida mavjud bo'limlar ro'yxati, o'ng tomonida esa tanlangan bo'lim uchun dasturiy mahsulotlar ro'yxati joylashgan. Bir qarashda, hujjatning tuzilishi avvalgi misollardagi kabi ko'rinishi kerak. Biroq, bu hujjat ramkalardan foydalanmaydi! Ushbu sahifa ikkita katakchali bitta qatordan iborat jadval yordamida tuzilgan. Jadvalda ramka yo'q va faqat sahifani formatlash maqsadiga xizmat qiladi. Ekranning vertikal ravishda ikkiga bo'lingani taassurotlari jadval to'ri emas, balki vertikal chiziqni o'z ichiga olgan fon grafikasi yordamida yaratiladi. Buni rasmlarni yuklamasdan sahifani ko'rish orqali tekshirishingiz mumkin. Bu erda jadvaldan foydalanish hujjatlarning ko'proq foydalanish imkoniyatini hisobga olgan holda, chunki ramkalar barcha brauzerlarda ko'rsatishga imkon bermaydi.

Bunday holda, ushbu yondashuvning kamchiliklari har bir hujjatda bo'limlarning butun ro'yxatini (sahifaning chap tomoni) takrorlash zarurati bo'lib, bu fayl hajmini biroz oshiradi.

Yuqoridagi misollarni taqqoslash shuni ko'rsatadiki, jadvallar va ramkalardan foydalanish ba'zan bir-birini almashtirib, ishlab chiquvchilarning xohishlariga ko'ra aniqlanishi mumkin. E'tibor bering, ko'pincha hujjat ko'rsatilgan sahifani ko'rib chiqayotganda, uning qanday tuzilganligini aniqlab bo'lmaydi. Yakuniy foydalanuvchi hujjatning ichki tuzilishini bilishi shart emas, lekin o'z veb-sahifalarini ishlab chiqishda mavjud hujjatlarning manba kodi bilan tanishish juda foydali bo'ladi. Birinchi misolda (5.1-rasmga qarang) hujjatning ramka tuzilishi darhol ko'rinadi - ikkita vertikal aylantirish paneli mavjudligi allaqachon alohida ramkalar mavjudligini aniqlaydi. Quyidagi ikkita misol tashqi ko'rinishida juda o'xshash va ularning birinchisi ramkalar, ikkinchisi esa jadvallar yordamida qurilganligini aniqlash mumkin emas. Farqlar faqat ular bilan ishlashda paydo bo'ladi. Telefon ma'lumotnomasi misolida hujjatni aylanayotganda oynaning chap qismi joyida qoladi, bu faqat ramka tuzilishi mavjud bo'lganda mumkin. Quyidagi misolda (dasturiy mahsulotlar to'plami) aylantirish oynaning butun tarkibini siljitadi.

Netscape brauzeri bilan ishlashda hujjat strukturasini View menyusining Page Info bandi (Netscape brauzerining 3.x versiyalarida ushbu menyu bandi Hujjat haqida ma’lumot deb atalgan) yordamida ko‘rishingiz mumkin (5.2-rasm).

Guruch. 5. 2 . Netscape brauzerini ko'rish menyusi

Bundan tashqari, siz har doim "Ko'rish" menyusining Sahifa manbasi bandidan (yoki sichqonchaning o'ng tugmasi bilan bosilgan kontekst menyusidagi "Kadrlar manbasini ko'rish" bandidan foydalanib, hujjatning HTML kodini ko'rishingiz mumkin. tanlangan ramka).

Maslahat

Ramkalardan foydalanishni asossiz suiiste'mol qilmaslik kerak va ularning soni uch yoki to'rtdan oshmasligi kerak.

Ko'pincha Internetdagi haqiqiy sahifalarda siz ramkalardan foydalanishning quyidagi holatlarini ko'rishingiz mumkin:bir vaqtning o'zida ko'rish va bir-biri bilan solishtirish uchun qulay bo'lgan hujjatlarni yuklash uchun ikkita qo'shni ramka ishlatiladi. Kadrlarga yuklangan ikkita hujjatning har biri ma'lumotni taqdim etish uchun jadval shaklidan foydalanadi. Ma'lumotlarning bunday tashkil etilishi natijasida ikkita jadvalning har birini alohida ko'rish (yoki chop etish) yoki boshqasi bilan taqqoslab o'rganish mumkin.

Ushbu bo'limda keltirilgan barcha misollar mashhur WWW serverlari sahifalaridan olingan va, ehtimol, HTML hujjatlarida ramkalardan foydalanishga misol bo'la oladi.

Ushbu bobning keyingi bo'limlari ramkalarni o'z ichiga olgan hujjatlarni yozish qoidalarini o'z ichiga oladi.

Ramkalarni tasvirlash qoidalari

Keling, ramka tuzilmalari bo'lgan hujjatlar uchun ishlatiladigan teglarni yozish qoidalarini ko'rib chiqishga o'tamiz.

Keling, avvalo o'rtacha murakkablikdagi ramkalar bilan hujjat yaratadigan to'liq HTML kodini ko'rib chiqaylik:

</p> <p>

Ushbu misol shaklda ko'rsatilgan ramkali sahifani yaratadi. 5.3. Ko'rib turganingizdek, ushbu HTML kodi to'rtta ramkani belgilaydi. Yuqori ramka sahifaning butun kengligini qamrab oladi va sarlavhani o'z ichiga oladi. Keyingi ikkita markaziy ramka, ulardan biri chap tomonda joylashgan va ekran kengligining 25 foizini egallaydi, ikkinchisi esa qolgan joyni egallaydi. Oxirgi, to'rtinchi kadr ekranning pastki choragini egallaydi. Har bir freymga alohida HTML hujjati yuklanadi, uning nomi SRC parametri bilan belgilanadi.

Misoldan ko'rinib turibdiki, teglar ramkalar tuzilishini tavsiflash uchun ishlatiladi , Va . Keling, ushbu teglarning maqsadini ko'rib chiqaylik.</p> <span> <br><img src='https://i1.wp.com/webnav.ru/books/html4/frames/07.gif' width="100%" loading=lazy loading=lazy></span> <p><i><b>Guruch. 5. <span>3 . </b> Misolda ko'rsatilgan ramkalar bilan HTML hujjatni aks ettiruvchi Netscape brauzerining natijasi</span> </i></p> <p><b>teg <FRAMESET> </b></p> <p>Freymlar oddiy hujjatning BODY bo'limi o'rniga freymlarni o'z ichiga olgan sahifalar uchun ishlatiladigan FRAMESET deb nomlangan tuzilmada aniqlanadi. Ramkalardan tashkil topgan veb-sahifalar HTML kodida BODY bo'limini o'z ichiga olmaydi. O'z navbatida, BODY bo'limiga ega sahifalar ramkalardan foydalana olmaydi.</p> <p><i><b>Maslahat</b> </i></p> <p><i> <span>Ramkalangan sahifalarda BODY bo'limi yo'qligi sababli butun sahifa uchun fon tasviri va fon rangini o'rnatishning hech qanday usuli yo'q. Eslatib o'tamiz, bu sozlamalar BODY tegida yozilgan BACKGROUND va BGCOLOR parametrlari bilan aniqlanadi. Biroq, bu har bir freymga o'z fon sozlamalari bo'lgan hujjatlarni yuklashingizga to'sqinlik qilmaydi.</span> </i></p> <p>Teglar konteyneri <FRAMESET>Va</FRAMESET> har bir ramka belgilash blokini ramkalar. Idishning ichida <FRAMESET>faqat teglarni o'z ichiga olishi mumkin <FRAME>va ichki o'rnatilgan teglar <FRAMESET>. </p> <p>teg <FRAMESET>ikkita parametrga ega: ROWS (satrlar) va COLS (ustunlar) va quyidagicha yoziladi:</p> <p><FRAMESET ROWS="список_ значений" COLS="список_ значений">. </p> <p><i><b>Eslatma</b> </i></p> <p><i> <span>Ba'zi brauzerlar qo'shimcha teg parametrlariga ruxsat beradi <FRAMESET></span> </i></p> <p>Siz ROWS yoki COLS yoki ikkalasi uchun qiymatlarni belgilashingiz mumkin. Ushbu parametrlardan kamida bittasi uchun kamida ikkita qiymatni aniqlash kerak. Agar boshqa parametr o'tkazib yuborilsa, uning qiymati 100% deb qabul qilinadi.</p> <p><i><b>Maslahat</b> </i></p> <p><i> <span>Agar tegda bo'lsa <FRAMESET>Agar ROWS va COLS uchun faqat bitta qiymat aniqlangan bo'lsa, bu teg haqiqiy emas deb hisoblanadi va brauzer uni e'tiborsiz qoldiradi. Boshqacha qilib aytganda, aniqlab bo'lmaydi <FRAMESET>, faqat bitta ramkadan iborat.</span> </i></p> <p>Teg ROWS va COLS parametr qiymatlari roʻyxati <FRAMESET>piksellar, foizlar yoki nisbiy birliklarda ko'rsatilishi mumkin bo'lgan vergul bilan ajratilgan qiymatlar ro'yxati. Satrlar yoki ustunlar soni tegishli ro'yxatdagi qiymatlar soni bilan belgilanadi. Masalan, yozib oling</p> <p><FRAMESET ROWS="100,240,140"> </p> <p>uchta ramka to'plamini belgilaydi. Bu qiymatlar mutlaq piksel qiymatlaridir. Boshqacha qilib aytganda, birinchi ramka (birinchi qator) 100 piksel balandlikda, ikkinchisi 240 piksel, oxirgisi esa 140 piksel balandlikda.</p> <p>Kadr o'lchamini piksellarda o'rnatish juda qulay emas. Bu brauzerlarning turli xil operatsion tizimlarda va turli xil displey o'lchamlari bilan ishlashini hisobga olmaydi. Shu bilan birga, ba'zi holatlar uchun mutlaq o'lcham qiymatlarini aniqlash mumkin, masalan, ma'lum o'lchamlarga ega kichik rasmni ko'rsatish. Eng yaxshi variant qiymatlarni foizlarda yoki nisbiy birliklarda belgilash bo'ladi, masalan:</p> <p><FRAMESET ROWS="25%,50%,25%">. </p> <p>Ushbu misol ekranning to'liq kengligi bo'ylab qatorlar sifatida joylashtirilgan uchta ramka yaratadi. Yuqori qator mavjud ekran balandligining 25 foizini, o'rta qator - 50 foizni va pastki qator - 25 foizni egallaydi. Agar ko'rsatilgan foizlarning yig'indisi 100% ga teng bo'lmasa, natija aniq 100% bo'lishi uchun qiymatlar proportsional ravishda o'lchanadi.</p> <p>Nisbiy birliklardagi qiymatlar quyidagicha:</p> <p><FRAMESET COLS="*,2*,3*">. </p> <p>Yulduzcha (*) bo'shliqni proportsional ravishda bo'lish uchun ishlatiladi. Har bir yulduz butunning bir qismini ifodalaydi. Yulduzchalar yonidagi raqamlarning barcha qiymatlarini qo'shib (agar raqam qoldirilsa, bittasi qabul qilinadi), biz kasrning maxrajini olamiz. Bu misolda birinchi ustun oynaning umumiy kengligining 1/6 qismini, ikkinchi ustun 2/6 (yoki 1/3) qismini, oxirgisi esa 3/6 (yoki 1/1) qismini egallaydi. 2).</p> <p>Esda tutingki, hech qanday belgisiz raqamli qiymat satr yoki ustun uchun piksellarning mutlaq sonini bildiradi. Foiz belgisi (%) bo'lgan qiymat ko'rish oynasining umumiy kengligi (COLS uchun) yoki balandligi (QATLAR uchun) nisbatini, yulduzcha (*) bilan qiymat esa qolgan bo'shliqning mutanosib taqsimlanishini bildiradi.</p> <p>Mana, qiymatlarni o'rnatish uchun uchta variantdan foydalanadigan misol:</p> <p><FRAMESET COLS="100,25%,*,2*">. </p> <p>Ushbu misolda birinchi ustun 100 piksel kengligida bo'ladi. Ikkinchi ustun butun ko'rish maydoni kengligining 25 foizini, uchinchi ustun qolgan joyning 1/3 qismini va oxirgi ustun 2/3 qismini egallaydi. Avval chapdan o'ngga qarab mutlaq qiymatlarni belgilash tavsiya etiladi. Ulardan keyin umumiy maydon hajmining foizlari keladi. Nihoyat, qolgan bo'shliqning mutanosib bo'linishini aniqlaydigan qiymatlar qayd etiladi.</p> <p><i><b>Maslahat</b> </i></p> <p><i> <span>Agar siz mutlaq COLS yoki ROWS qiymatlaridan foydalansangiz, ularni har qanday brauzer oynasiga sig'ishi uchun kichik qilib qo'ying va qolgan bo'sh joyni to'ldirish uchun ularga kamida bir foiz yoki nisbiy qiymat qo'ying.</span> </i></p> <p>Agar teg ishlatilsa <FRAMESET>, unda COLS ham, QATLAR ham ko'rsatilgan bo'lsa, freymlar panjarasi yaratiladi. Masalan:</p> <p><FRAMESET ROWS="*,2*,*" COLS="2*,*"> </p> <p>HTML kodining ushbu qatori uchta qator va ikkita ustunli ramkalar panjarasini yaratadi. Birinchi va oxirgi qatorlar har biri balandlikning 1/4 qismini, o'rta chiziq esa yarmini egallaydi. Birinchi ustun kenglikning 2/3 qismini, ikkinchisi esa 1/3 qismini egallaydi.</p> <p>Idish <FRAMESET> </FRAMESET> dastlabki misolda ko'rsatilganidek, boshqa shunga o'xshash konteyner ichiga joylashtirilishi mumkin. Keling, tegdan foydalanishni batafsil ko'rib chiqaylik <FRAME>. </p> <p><i><b>Eslatma</b> </i></p> <p><i> <span>HTML tilidagi ba'zi manbalar tegning COLS va ROWS parametrlarini ko'rsatadi <FRAMESET>bir-birini istisno qiladilar. Biroq, Netscape ham, Microsoft Internet Explorer ham ularni birgalikda ishlatishga imkon beradi.</span> </i></p> <p><b>teg <FRAME> </b></p> <p>teg <FRAME>yagona ramkani belgilaydi. U bir juft teg ichida joylashgan bo'lishi kerak <FRAMESET>Va</FRAMESET>. Masalan:</p> <p><FRAMESET ROWS="*,2*"> </p> <p><FRAME> </p> <p><FRAME> </p> <p></FRAMESET> </p> <p>Iltimos, teg ekanligini unutmang <FRAME>konteyner emas va undan farqli o'laroq <FRAMESET>yakuniy tegga ega emas. Bitta ramkaning to'liq ta'rifi HTML kodining bir qatori bilan amalga oshiriladi.</p> <p>Yozib olish uchun juda ko'p teglar mavjud <FRAME>tegni belgilashda qancha individual freymlar aniqlanadi <FRAMESET>. Oldingi misolda teg <FRAMESET>ikkita satr berildi, shuning uchun ikkita teg yozish kerak edi <FRAME>. Biroq, bu misol mohiyatan foydasiz, chunki freymlarning hech birida tarkib yo'q!</p> <p>teg <FRAME>oltita parametrga ega: SRC, NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING va NORESIZE.</p> <p><i><b>Eslatma</b> </i></p> <p><i> <span>Ba'zi brauzerlar bir qator qo'shimcha teg parametrlaridan foydalanishga imkon beradi <FRAME>. Netscape va Microsoft Internet Explorer brauzerlarining imkoniyatlari haqida umumiy ma’lumot bob oxirida berilgan.</span> </i></p> <p>Mana teg yozuvi: <FRAME>barcha parametrlar bilan:</p> <p><FRAME SRC="url" NAME="window_name" SCROLLING=YES|NO|AUTO </p> <p>MARGINWIDTH="qiymat" MARGINHEIGHT="qiymat" NORESIZE></p> <p>Amalda tegda <FRAME>Kamdan-kam hollarda barcha parametrlar bir vaqtning o'zida ishlatiladi.</p> <p>Eng muhim parametr - SRC (manbaning qisqartmasi). Ko'pincha tegda <FRAME>bitta SRC parametri belgilangan. Masalan:</p> <p><FRAME SRC="url">. </p> <p>SRC parametrining qiymati dastlab ushbu ramkaga yuklanadigan hujjatning URL manzilini aniqlaydi. Odatda, bu manzil asosiy hujjat bilan bir xil katalogda joylashgan HTML faylning nomidir. Keyin ramkani aniqlash chizig'i, masalan, quyidagicha ko'rinadi:</p> <p><FRAME SRC="sample.htm">. </p> <p>E'tibor bering, ramka ta'rifida ko'rsatilgan har qanday HTML fayli fragment emas, balki to'liq HTML hujjati bo'lishi kerak. Demak, hujjatda HTML, HEAD, BODY va hokazo teglar bo‘lishi kerak.</p> <p>Albatta, SRC qiymati har qanday haqiqiy URL bo'lishi mumkin. Agar, masalan, ushbu kitob nashriyotining serverida joylashgan GIF tasvirini ko'rsatish uchun ramka ishlatilsa, unda siz quyidagilarni yozishingiz kerak:</p> <p><FRAME SRC="http://www.bhv.ru/example.gif">. </p> <p><i><b>Maslahat</b> </i></p> <p><i> <span>Hujjatga ramka tuzilishini tavsiflovchi tarkibni kiritmang.</span> </i></p> <p>Oddiy matn, sarlavhalar, grafikalar va boshqa elementlardan to'g'ridan-to'g'ri ramka tuzilishini tavsiflovchi hujjatda foydalanish mumkin emas. Kadrlarning barcha tarkibi alohida HTML fayllarida aniqlanishi kerak, ularning nomlari tegning SRC parametri bilan belgilanadi. <FRAME>. </p> <p>NAME parametri ushbu ramkaga murojaat qilish uchun ishlatilishi mumkin bo'lgan freym nomini belgilaydi. Odatda havola xuddi shu sahifada joylashgan boshqa ramkadan o'rnatiladi. Masalan:</p> <p><FRAME SRC="sample.htm" NAME="Frame_1">. </p> <p>Ushbu yozuv havola qilinishi mumkin bo'lgan "Frame_1" nomli ramka yaratadi. Masalan:</p> <p>Yuklab olish uchun shu yerni bosing</p> <p>other.htm faylini Frame_1 nomli ramkaga kiriting.</p> <p>Kadr nomiga ishora qiluvchi TARGET parametriga e'tibor bering. Agar freymga nom berilmagan bo'lsa, nomsiz ramka hosil bo'ladi va unga boshqa freymdan murojaat qilish mumkin bo'lmaydi. Ramka nomlari harf-raqamli belgi bilan boshlanishi kerak.</p> <p>MARGINWIDTH va MARGINHEIGHT parametrlari ramka chetlarining kengligini belgilash imkonini beradi. Bu quyidagicha yoziladi:</p> <p>MARGINWIDTH = "qiymat",</p> <p>bu erda "qiymat" piksellardagi mutlaq qiymatdir. Masalan:</p> <p>Ushbu ramkaning yuqori va pastki qismida 5 piksel, chap va o'ngda esa 7 piksel bo'lgan chetlari mavjud. Esda tutingki, biz bu erda ramkalar haqida emas, balki chegaralar haqida gapiramiz. MARGINWIDTH va MARGINHEIGHT parametrlari ramka ichidagi bo'sh joyni belgilaydi, unda hech qanday ma'lumot joylashmaydi. Ushbu parametrlar uchun minimal qabul qilinadigan qiymat bitta.</p> <p>Agar ramka tarkibi ajratilgan maydonga to'liq mos kelmasa, freymlar avtomatik ravishda aylantirish panellarini yaratadi va ko'rsatadi. Ba'zan bu sahifa dizaynini buzadi, shuning uchun aylantirish paneli ko'rinishini boshqarish qulay bo'ladi. Ushbu maqsadlar uchun SCROLLING parametridan foydalaniladi. Yozib olish formati:</p> <p><FRAME SCROLLING="YES|NO|AUTO">. </p> <p>SCROLLING parametri uchta qiymatni qabul qilishi mumkin: YES, NO yoki AUTO. AUTO qiymati hech qanday SCROLLING parametri bo'lmagandek ta'sir qiladi. YES qiymati aylantirish satrlari kerak yoki yo'qligidan qat'iy nazar paydo bo'lishiga olib keladi va YO'Q ularning paydo bo'lishiga to'sqinlik qiladi. Masalan:</p> <p><FRAME SCROLLING=YES>. </p> <p>Odatda foydalanuvchi sahifani ko'rayotganda ramkalar hajmini o'zgartirishi mumkin. Agar siz sichqoncha kursorini ramka ramkasiga qo'ysangiz, kursor o'lchamini o'zgartirish imkoniyatini ko'rsatadigan shaklga ega bo'ladi va ramkani kerakli joyga ko'chirishga imkon beradi. Bu ba'zan chiroyli mo'ljallangan ramkalar tuzilishini buzadi. Foydalanuvchining ramkalar hajmini o'zgartirishiga yo'l qo'ymaslik uchun NORESIZE parametridan foydalaning:</p> <p><FRAME NORESIZE>. </p> <p>Ushbu parametr hech qanday qiymatlarni talab qilmaydi. Tabiiyki, kadrlardan biri uchun NORESIZE parametri o'rnatilgan bo'lsa, u holda qo'shni freymlarning o'lchamini ham o'zgartirib bo'lmaydi. Ba'zan kadrlarning joylashuviga qarab, ularning birortasining ekranda o'lchamlarini o'zgartirishning oldini olish uchun kadrlardan birida NORESIZE parametridan foydalanish etarli bo'ladi.</p> <p><b>teg <NOFRAMES> </b></p> <p>Ramkalar bilan ishlash qobiliyati HTML 3.0 yoki HTML 3.2 standartida nazarda tutilmagan. Bu erda, yaqin vaqtgacha, haqiqatda ishlatilgan xususiyatlar ko'plab WWW sahifalarida faol qo'llaniladigan, ammo standartning bir qismi bo'lmagan odatiy holat mavjud edi. Bu shuni anglatadiki, brauzerlar qonuniy ravishda ramkalarni e'tiborsiz qoldirishi mumkin edi. HTML 4.0 standartining paydo bo'lishi bilan vaziyat o'zgardi - endi ramka tuzilmalarini qo'llab-quvvatlash standartda mustahkamlangan. E'tibor bering, ko'pgina zamonaviy brauzerlar HTML 4.O paydo bo'lishidan oldin ham ramkalarni tanigan. Biroq, freymlarni qo'llab-quvvatlamaydigan brauzerlardan foydalangan holda foydalanuvchilarga ma'lumot berish kerak. Bunday brauzerlar uchun teglar juftligi o'rtasida yozilgan muqobil ma'lumotlarni taqdim etish mumkin <NOFRAMES>Va. Bu shunday ko'rinadi:

</p> <p>butun HTML hujjati</p> <p>

Hammasi teglar orasiga joylashtirilgan Va, ramkani qo'llab-quvvatlash qobiliyatiga ega bo'lmagan brauzerlar tomonidan ko'rsatiladi. Frame-dan xabardor brauzerlar ushbu teglar orasidagi barcha ma'lumotlarni e'tiborsiz qoldiradilar.

E'tibor bering, haqiqiy hayotda HTML sahifa ishlab chiquvchilari ko'pincha tegning imkoniyatlaridan foydalanmaydi ramka tuzilmalarisiz sahifalar yaratish, lekin ularning HTML hujjatlarining ikkita versiyasini yaratish. Ushbu parametr uchun boshlang'ich sahifa odatda hujjatni ramka tuzilishi bilan yoki bo'lmagan holda yuklash tanlovini taklif qiladi. Keyin, foydalanuvchining tanloviga qarab, hujjatning faqat bitta versiyasi yuklanadi.</p> <p><b><span>Ramka tuzilmalarini tavsiflash xususiyatlari</span> </b></p> <p>Ramka tuzilmalarini tavsiflashda foydalaniladigan eng muhim teglardan biri tegdir <FRAME>. Teg bir qancha parametrlarga ega, ularning hech biri talab qilinmaydi yoki boshqalarga bog'liq emas, lekin ularni yozishda bir qancha narsalarni hisobga olish kerak.</p> <p>Ma'lum bo'lishicha, agar siz keyinchalik hujjat yuklanishi mumkin bo'lgan ramka yaratishingiz kerak bo'lsa, masalan, boshqa freymning buyrug'i bilan siz tegdan foydalanishingiz kerak. <FRAME>SRC parametrini yozing. Agar bu</p> <p>parametr o'tkazib yuborilgan bo'lsa, ramka yaratilmaydi, garchi u uchun bo'sh joy qoladi. Masalan, rekord kabi <FRAME NAME="B">Bu juda mantiqiy va dastlab hech qanday hujjat yuklanmagan "B" nomli ramkani belgilashi mumkin. Biroq, SRC parametri yo'qligi sababli, bunday nomdagi ramka mavjud bo'lmaydi, shuning uchun unga biron bir hujjatni yuklashga keyingi urinishlar muvaffaqiyatsiz bo'lib qoladi va bu ramka uchun ajratilgan oynada bo'sh joy bo'sh qoladi. Bundan tashqari, ba'zi brauzerlar (masalan, Windows Z.xx uchun Microsoft Internet Explorer-ning 3-versiyasi) hujjatni bunday ramkaga yuklashga urinayotganda xato xabarini ko'rsatadi va chiqadi.</p> <p>SRC parametrini o'rnatish talabini mantiqiy ravishda tushuntirib bo'lmaydi, shuning uchun bu haqiqatga e'tibor berish yaxshidir. Keyin, hatto boshidan bu ramkaga yuklanishi kerak bo'lgan hujjat bo'lmasa ham, SRC parametrida fayl nomini ko'rsatishingiz kerak. Masalan, bunday faylni empty.htm (bo'sh) deb atash mumkin, uning mazmuni mumkin bo'lgan minimal to'g'ri HTML hujjati bo'ladi, xususan:</p> <p><HTML> </p> <p><HEAD> </p> <p></HEAD> </p> <p><BODY> </p> <p></BODY> </p> <p></HTML> </p> <p>Ushbu hujjatni ikkita tegga qisqartirishingiz mumkin: <HTMLX/HTML>, bu ham haqiqiy HTML hujjati bo'ladi. "Bo'sh" hujjatning hajmini maksimal darajada kamaytirish yo'lidan o'tib, siz o'zingizni bo'sh joy belgisini (yoki boshqa ko'rsatilmaydigan belgilarni) saqlaydigan hajmi bir baytga teng bo'lgan fayl bilan cheklashingiz mumkin. Bu fayl haqiqiy HTML hujjati bo‘lmaydi, lekin ko‘pchilik brauzerlarda muammo tug‘dirmaydi. Keyinchalik bunday fayl hajmini nolga qisqartirish o'zini oqlamaydi, chunki u Netscape brauzeri tomonidan yuklanganda, hujjatda ma'lumotlar mavjud emasligi haqida ogohlantirish xabari (5.4-rasm) ko'rsatiladi.</p> <span> <img src='https://i0.wp.com/webnav.ru/books/html4/frames/08.gif' height="119" width="332" loading=lazy loading=lazy></span> <p><i><b>Guruch. 5. <span>4 . </b> Nol uzunlikdagi faylni yuklashda ogohlantirish xabari</span> </i></p> <p>Bunday holda siz ushbu xabarga tugmachani bosib javob berishingiz kerak <Enter>yoki sichqoncha tugmasi. Hujjat qayta yuklanganda yoki brauzer oynasi o'lchamini o'zgartirganda, xabar yana paydo bo'ladi.</p> <p>Siz mavjud bo'lmagan fayl nomini ham ko'rsatishingiz mumkin, ammo bu holda Netscape brauzerida ogohlantirish xabari paydo bo'ladi (5.5-rasm), bu keyingi ishlashga to'sqinlik qilmaydi, lekin shunga o'xshash noqulayliklarga olib keladi.</p> <span> <img src='https://i2.wp.com/webnav.ru/books/html4/frames/09.gif' height="139" width="314" loading=lazy loading=lazy></span> <p><i><b>Guruch. 5. <span>5 . </b> Mavjud bo'lmagan faylni yuklab olishga urinayotganda ogohlantirish xabari</span> </i></p> <p><i><b>Maslahat</b> </i></p> <p><i> <span>O'lchami bir bayt bo'lgan va bo'sh joy belgisini o'z ichiga olgan empty.htm faylini yarating. Teg yozishda buni qoidaga aylantiring <FRAME>Agar ma'lum bir fayl nomini darhol ko'rsatishning iloji bo'lmasa, har doim SRC=empty.htm ni belgilang.</span> </i></p> <p>Ramkalarga misollar</p> <p>Ushbu bo'limda ramka ta'riflarining ba'zi tipik misollari keltirilgan.</p> <p>Keling, ushbu bo'limning boshida keltirilgan misolga qaytaylik (5.3-rasm). Ushbu misolda ichki o'rnatilgan tuzilma qo'llaniladi <FRAMESET>. Tashqi teg <FRAMESET>ko'rish maydonining umumiy balandligining mos ravishda 25, 50 va 25 foizini tashkil etadigan uchta balandlik qatorini yaratadi:</p> <p><FRAMESET ROWS="25%,50%,25%">. </p> <p>Ushbu ta'rif doirasida birinchi va oxirgi qatorlar oddiy ramkalardir:</p> <p><FRAME SRC="header.htm"> <FRAME SRC="footer.htm"> </p> <p>Ushbu chiziqlarning har biri ekranning butun kengligini to'ldiradi. Ekranning yuqori qismidagi birinchi qator balandlikning 25 foizini, pastki qismidagi uchinchi qator ham balandlikning 25 foizini egallaydi. Biroq, ularning o'rtasida ichki yorliq mavjud <FRAMESET>: </p> <p><FRAMESET COLS="25%,75%"> </p> <p><FRAME SRC="list.htm"> </p> <p><FRAME SRC="info.htm"> </p> <p></FRAMESET> </p> <p>Bu teg ekranning o'rta qatori bo'lingan ikkita ustunni belgilaydi. Ushbu ikkita ustunni o'z ichiga olgan qator tashqi tegda belgilanganidek, ekran balandligining 50 foizini egallaydi. <FRAMESET>. Chap ustun ekran kengligining 25 foizini ishlatadi, o'ng ustun esa qolgan 75 foizni egallaydi.</p> <p>Ushbu ustunlar uchun ramkalar o'rnatilgan teglar juftligida aniqlanadi <FRAMESET>Va</FRAMESET>, birinchi va oxirgi qator uchun ramkalar ta'rifi bu juftlikdan tashqarida, lekin tashqi tomonda yozilgan bo'lsa-da <FRAMESET>tegishli tartibda.</p> <p>Agar siz uni ichki blok deb hisoblasangiz, yozuv tuzilishini tushunish oson <FRAMESET>alohida element sifatida <FRAME>. Bizning misolimizda tashqi teg <FRAMESET>uchta qatorni belgilaydi. Ularning har biri to'ldirilishi kerak. Bunday holda, ular birinchi navbatda alohida element bilan to'ldiriladi <FRAME>, keyin - ichki blok sifatida <FRAMESET>ikkita ustun kengligi va keyin boshqa element <FRAME>. </p> <p>Endi SRC teg parametrining qiymati bo'lishi mumkinmi degan savol tug'ilishi mumkin <FRAME>fayl nomini o'rnating, bu esa o'z navbatida ramka tuzilishining tavsifini o'z ichiga oladi. Ha, bu qabul qilinadi. Bu holda teg <FRAME>ramka tuzilishi bo'lgan va alohida ramka sifatida ishlatiladigan HTML hujjatiga ishora qilish uchun ishlatiladi.</p> <p>Keling, misolga qaytaylik va ichki o'rinni almashtiramiz <FRAMESET>alohidaga <FRAME>. Tabiiyki, bir o'rniga ikkita HTML fayli kerak bo'ladi, chunki ichki o'rnatilgan <FRAMESET>endi alohida hujjatda joylashgan bo'ladi. Mana birinchi (tashqi) faylning mazmuni:</p> <p><HTML> </p> <p><HEAD> </p> <p></HEAD> </p> <p><FRAMESET ROWS="25%,50%,25%"> </p> <p><FRAME SRC="header.htm"> </p> <p><FRAME SRC="frameset.htm"> </p> <p><FRAME SRC="footer.htm"> </p> <p></FRAMESET> </p> <p><NOFRAMES> </p> <p>Brauzeringiz ramkalarni ko'rsata olmaydi</p> <p>

Frameset.htm deb nomlangan ikkinchi fayl quyidagi kodni o'z ichiga oladi:

Bunday holda, yuqori va pastki chiziqlar bir xil harakat qiladi. Ammo ikkinchi qator endi boshqalar kabi oddiy ramka. Biroq, SRC parametri bilan ko'rsatilgan frameset.htm fayli o'zining ramka tuzilishini belgilaydi. Natijada, ekran asl misoldagi kabi ko'rsatiladi.

Eslatma

Printsipial jihatdan o'rnatilgan tuzilmalarni yaratish mumkin , teglar yordamida , bu ramka tuzilishini tavsiflovchi bir xil faylga ishora qiladi, lekin buni qilmaslik kerak. Bu holat cheksiz rekursiyaga olib keladi va keyingi ishlashga imkon bermaydi. Ba'zi brauzerlar bu vaziyatni nazorat qiladi va muvaffaqiyatsizlik ehtimolini oldini oladi. Agar SRC ga yozilgan manzil kadrlar ierarxiyasidagi oldingi manzillardan biriga mos kelsa, u holda SRC parametri umuman mavjud bo'lmagandek e'tiborga olinmaydi.

Maslahat

O'rnatilgan tuzilmalardan foydalanish turli xil kombinatsiyalarda tasavvur qilinadigan deyarli har qanday ramka panjarasini yaratish mumkin. Shu bilan birga, foydalanuvchi uchun qulay interfeys yaratishni unutmang va shunchaki ramkalar bilan ishlash qobiliyatingizni namoyish eting.

Oddiy to'rtburchaklar ramkalar panjarasini yaratish misoli:

Ushbu misol ikki qator va uchta ustunli ramka panjarasini yaratadi (5.6-rasm). Oltita ramkalar to'plami aniqlanganligi sababli, oltita alohida ramkani ham aniqlash kerak . E'tibor bering, ramka ta'riflari satr satr bilan berilgan. Ya'ni, birinchi teg birinchi qatordagi birinchi ustunning mazmunini belgilaydi, ikkinchisi ikkinchi ustunning mazmunini belgilaydi, uchinchisi esa birinchi qatorning oxirgi ustuni uchun ma'lumotlarni aniqlaydi. Keyin oxirgi uchta ramka ikkinchi qatorning ustunlarini to'ldiradi.

Guruch. 5. 6 . 2 dan 3 gacha ramka panjarasi

Shuni ham yodda tutingki, COLS parametridagi foiz qiymatlarining yig'indisi 100 emas, faqat 90 foizni tashkil qiladi. Buning hech qanday yomon joyi yo'q, chunki brauzer ushbu qarama-qarshilikni bartaraf etish uchun ustunlar kengligini avtomatik ravishda mutanosib ravishda o'zgartiradi.

Kadrlardan foydalanishda navigatsiya xususiyatlari

Ramka tuzilishiga ega bo'lgan hujjatlar bilan ishlash siz bilishingiz kerak bo'lgan ba'zi xususiyatlarga ega. JB ning bu xususiyatlari asosan hujjatlarni yuklashda navigatsiyada namoyon bo'ladi. Navigatsiyadagi sezilarli farqlar nafaqat turli brauzerlar, balki bir xil brauzerning turli versiyalari uchun ham xarakterlidir.

Netscape brauzerining 3.x va 4.x versiyalari Orqaga tugmasini bosganingizda hujjatni oxirgi marta bajarilgan ramkaga qaytaradi. Har qanday freymda kontekst menyusini chaqirganda Orqaga bandi tanlansa, xuddi shu harakatlar bajariladi. Eslatib o'tamiz, kontekst menyusi sichqonchaning o'ng tugmachasini bosish orqali chaqiriladi. Shunday qilib, kontekst menyusi qaysi kadrda chaqirilganidan qat'i nazar, "Orqaga" tugmasini bosish oxirgi amalni, hatto u boshqa kadrda bajarilgan bo'lsa ham bekor qiladi.

Netscape 2.x brauzeri butunlay boshqacha ishladi. Kontekst menyusi oxirgi amalni bekor qilishdan ko'ra hujjatni joriy kadrga qaytaradigan "Kadrga orqaga" buyrug'ini o'z ichiga oladi.

Netscape-ning istalgan versiyasida siz tanlangan ramkadagi hujjatga xatcho'p qo'yishingiz mumkin. Buning uchun yuqorida aytib o'tilgan kontekst menyusidan Xatcho'p qo'shish rejimini tanlashingiz kerak. Agar siz shunchaki brauzerning asosiy menyusidan Xatcho‘p qo‘shish rejimini tanlasangiz, hujjatda ramka tuzilishi tavsifi bilan xatcho‘p qo‘yiladi. , bu ma'lum bir ramkaga aniq ishora qilmaydi. Alohida ramkaning hujjatida xatcho'p yaratish qobiliyati ushbu xatcho'pdan foydalanishni davom ettirganingizda bir xil ramka tuzilishi paydo bo'lishini anglatmaydi. Xatcho'p bilan ko'rsatilgan hujjat ramka tuzilishidan tashqarida to'liq oynaga yuklanadi.

Kadrlar orasidagi o'zaro ta'sir

WWW da ma'lumotlarni ko'rishning eng oddiy shakli o'qish sahifalari va quyidagi havolalardan iborat bo'lib, ularda brauzer oynasidagi joriy hujjat boshqa hujjat bilan almashtiriladi. Ramkalar bilan ishlashda siz hujjatlarni yuklash sxemasini qulayroq tashkil qilishingiz mumkin.

Kadrlar orasidagi o'zaro ta'sir boshqa freymdan buyruqlar yordamida tanlangan kadrga hujjatlarni yuklash qobiliyatidir. Buning uchun TARGET teg parametridan foydalaniladi<А>. Ushbu parametr ushbu havola orqali ko'rsatilgan hujjat yuklanadigan ramka yoki brauzer oynasining nomini belgilaydi. Odatiy bo'lib, agar TARGET parametri bo'lmasa, hujjat joriy ramkaga (yoki oynaga) yuklanadi. Bu standart tegni belgilash orqali bekor qilinishi mumkin TARGET parametrining kerakli qiymati bilan. Ko'p sonli havolalar hujjatlarni ma'lum bir freymga yo'naltirish kerak bo'lganda yuklanadigan standart ramka nomini ko'rsatish juda foydali. Bitta freymdagi tarkiblar jadvali bilan bog'liq odatiy holat, tegishli hujjatlarni qo'shni ramkaga yuklaydigan havolalar ushbu bobning boshida ko'rsatilgan (5.1-rasm). Ushbu bo'limdagi misol uchun LIST.htm nomli fayl uchun quyidagi qatorni yozish tavsiya etiladi: . Aks holda, har bir havola uchun TARGET parametrini belgilashingiz kerak bo'ladi.

Ramka nomlari lotin harfi yoki raqami bilan boshlanishi kerak. Ism mavjud oyna yoki ramkaning nomi bo'lishi mumkin yoki yangi oyna ochiladigan yangi nom ko'rsatilishi mumkin. Belgilanganda maxsus harakatlarni bajaradigan to'rtta zahiralangan nom mavjud. Bu nomlar pastki chiziq (_) bilan boshlanadi: "_blank", "_self", "_parent" va "_top". Pastki chiziq bilan boshlangan har qanday boshqa nom haqiqiy emas.

TARGET="_bo'sh" - hujjatning yangi oynaga yuklanishini ta'minlaydi. Ushbu oynada nom bo'lmaydi va shuning uchun unga boshqa hujjat yuklash mumkin bo'lmaydi.

TARGET="_o'zim" - hujjat joriy ramkaga (yoki oynaga) yuklanadi. Ushbu yozuv teg tomonidan belgilangan standartni chetlab o'tish uchun ishlatilishi kerak .

TARGET="_top" - hujjatning to'liq oynaga yuklanishiga olib keladi. Agar hujjat allaqachon to'liq oynada bo'lsa, u holda bu qiymat bir xil ta'sirga ega"_o'zim".

TARGET="_ota-ona" - hujjatni joriy kadrning asosiy ramkasi egallagan maydonga yuklanishiga olib keladi. Agar ota-ona ramkasi bo'lmasa, bu parametr qiymati bir xil ta'sirga ega"_top" .

Eslatma

Ba'zi HTML manbalarida noto'g'ri aytilishicha, agar ramkada ota-ona bo'lmasa, "_parent" qiymati "_self" ga ekvivalentdir. Bu bayonot har doim ham to'g'ri emas.

Ogohlantirish

Zaxiralangan ramka nomlari "_blank", "_self", "_parent" va "_top" kichik lotin harflari bilan yozilishi kerak. E'tibor bering, bunday aniqlik faqat Netscape-ga xosdir. Microsoft Internet Explorer har qanday holatda yozilgan zahiradagi nomlarni to'g'ri taniydi.

Bu erda ramkalar va alohida brauzer oynalari o'rtasidagi o'zaro ta'sirga misollar keltirilgan. Quyidagi HTML kodini ko'rib chiqing:

Ramkalardan foydalanish

Ushbu HTML hujjati "A", "B" va "C" nomli uchta ramkadan iborat strukturani tavsiflaydi. Kadrlar orasidagi aloqalarni tashkil qilish uchun keyinroq ramka nomlari kerak bo'ladi. E'tibor bering, ushbu misolda "A" nomli ramkaga havolalar bo'lmaydi, shuning uchun u umuman nomsiz qolishi mumkin edi. Yuqoridagi hujjatni brauzerga yuklaganingizda, ramkalar SRC parametri bilan aniqlangan fayllardagi ma'lumotlarni ko'rsatadi. "A" ramkasi frame_a.htm faylining mazmunini oladi, qolgan ikkita freym esa ko'rsatish uchun ma'lumotga ega bo'lmagan empty.htm faylidan ma'lumotlarni oladi. Yana bir bor eslatib o'tamizki, ramkalar tuzilishini tavsiflovchi HTML hujjatida bo'lim mavjud emas .

Mana frame_a.htm nomli fayl matni:

A ramka uchun hujjat

D

4. Hujjatni yangi oynaga yuklash

5. Hujjatni to'liq oynada yuklash

6. Hujjatni joriy kadrga yuklash

Ushbu hujjat bo'limlarga ega to'liq HTML hujjatidir Va va o'z navbatida, frame_a.htm fayli bilan bir xil katalogda joylashgan test.htm nomli faylga havolalar mavjud.

test.htm faylining matni juda oddiy:

Sinov hujjati

Sinov hujjat matni

Tarkibi "A" ramkasiga yuklangan frame_a.htm fayli TARGET parametri uchun turli qiymatlarga ega bir xil test.htm fayliga oltita havolaga ega.

Keling, ushbu havolalarni amalga oshirishda sodir bo'ladigan harakatlarni ko'rib chiqaylik. TARGET="B" qiymatiga ega birinchi havola test.htm faylini "in" nomli ramkaga yuklaydi. E'tibor bering, oltita havoladan birini amalga oshirgandan so'ng, Netscape brauzeri ularning oltitasini avtomatik ravishda boshqa rangga bo'yaydi, chunki ular bitta faylga ishora qiladi. Microsoft Internet Explorer faqat amalda amalga oshirilgan havolalarni belgilaydi.

Ikkinchi havola "C" ramkasi uchun xuddi shunday qiladi. Dastlab, "B" va "C" freymlarida hech narsa yo'q (aniqrog'i, empty.htm bo'sh faylining mazmuni yuklanadi). Birinchi va ikkinchi havolalarni amalga oshirish ushbu ramkalarni to'ldiradi.

TARGET=MD” qiymatiga ega uchinchi havola “D” nomli yangi brauzer oynasining shakllanishiga va unga test.htm faylini yuklanishiga olib keladi.E’tibor bering, bu havolani yozish shakli birinchisidan farq qilmaydi. ikki.Farqi shundaki, birinchi ikkita holatda nomlari freym tuzilishiga ega faylda aniqlangan mavjud kadrlarga havola qilingan va bu holda havola mavjud bo‘lmagan obyektga berilgan bo‘lsa. bu havola kamida bir marta amalga oshirilsa, keyin "D" nomli oyna yaratiladi va havolani qayta-qayta bosish faqat hozirda mavjud bo'lgan "D" oynasiga ma'lumotlarni qayta yuklaydi. Albatta, foydalanuvchi uni istalgan vaqtda yopishi mumkin. vaqtni belgilang va ushbu havolani tanlab, uni qayta yarating.5.7-rasmda dastlabki uchta havola amalga oshirilgandan keyingi holat ko'rsatilgan.Eslatib o'tamiz, ekrandagi oynalarning joylashuvi va o'lchamlari foydalanuvchi tomonidan belgilanadi.

Guruch. 5. 7 . Chap ramkada mavjud bo'lgan dastlabki uchta havolani ketma-ket amalga oshirishdan keyin olingan vaziyat

TARGET="_top" qiymatiga ega beshinchi havola hujjatni butun ramka tuzilishi o'rniga to'liq oynada yuklaydi. TARGET parametrining ushbu qiymati bilan yangi oyna yaratilmaydi. Orqaga tugmasini bosish orqali ramka tuzilishiga qaytish mumkin.

Eslatma

Ramkalar yoki brauzer oynalarining nomlarini yuklab olingan hujjatlar nomlari bilan aralashtirib yubormaslik kerak. Ramkalarning nomlari ko'rilganda hech qanday joyda ko'rinmaydi, ular faqat o'zaro aloqani tashkil qilish uchun talab qilinadi va shuning uchun foydalanuvchidan yashiriladi. Siz ularni faqat HTML-fayllarning manba matnini ko'rganingizda ko'rishingiz mumkin.

Maslahat

Eslatib o'tamiz, yuklab olingan hujjatlarning nomlari teg bilan belgilanadi . Agar hujjat to'liq oynada yuklangan bo'lsa, uning nomi brauzer oynasining eng yuqori qismida ko'rsatiladi. Agar hujjat ramkaga yuklangan bo'lsa, unda uning nomi hech qanday joyda ko'rsatilmaydi va hujjatning ramka tuzilishi tavsifini o'z ichiga olgan hujjatning sarlavhasi hali ham oynaning yuqori qismida joylashgan bo'ladi. Shuning uchun, ramkalarda ko'rish uchun mo'ljallangan hujjatlarning nomlari juda muhim emas. Misol uchun, rasmda. 5.7 Xuddi shu hujjat "B" va "C" ramkalariga, shuningdek, "D" nomli alohida oynaga yuklanadi, hujjatning nomi esa faqat "D" oynasida ko'rinadi. Biroq, ramkalarga yuklangan hujjatlarning nomlarini qoldirish tavsiya etilmaydi, chunki ular, masalan, ramkada yoki ko'rilgan hujjatlar ro'yxatida joylashgan hujjat uchun xatcho'p yaratishda Xatcho'plar ro'yxatida paydo bo'lishi mumkin.</span> </i></p> <p>Keling, ramkalar va brauzer oynalari o'rtasidagi o'zaro aloqani tashkil qilishning yana bir qiziqarli misolini ko'rib chiqaylik. Asosiy yuklangan HTML hujjatning matni bo'lsin:</p> <p><HTML> </p> <p><HEAD> </p> <p><TITLE>Oyna nomlaridan foydalanish

Yangi oynada ramka tuzilishiga ega hujjat

Ramkalardan foydalanish

E'tibor bering, agar asosiy hujjat standart HTML hujjat bo'lsa, u holda asosiy hujjatdagi havoladan yuklangan frame.htm fayli ramka tuzilishini o'z ichiga oladi va o'z navbatida empty.htm fayliga havola qiladi.

Asosiy hujjatni yuklagandan so'ng, brauzer oynasi rasmda ko'rsatilgandek ko'rinadi. 5.8 (chap oyna). Butun hujjat ikkita havoladan iborat. Keling, birinchi havolaga o'taylik. “D” nomli yangi oyna yaratiladi, unda test.htm faylining matni paydo bo'ladi (5.8-rasm, o'ng oyna). Ushbu havolani takrorlash faqat "D" oynasidagi ma'lumotlarni qayta yuklaydi.

Guruch. 5.8. O'zaro ta'sir qiluvchi ramka oynalariga misol

Keling, ikkinchi havolaga o'taylik. Nomsiz yangi oyna hosil bo'ladi, unga "C" va "D" nomli ikkita freymni belgilovchi frame.htm fayli yuklanadi (5.8-rasm, pastki oyna). Ikkala ramkada ham hech narsa yo'q (aniqrog'i, bo'sh hujjat empty.htm yuklangan). E'tibor bering, endi "D" deb nomlangan ochiq oyna va ramkali oyna mavjud bo'lib, ulardan biri ham "D" deb ataladi. Keling, yana birinchi havolaga o'taylik. Birinchi holatdan farqli o'laroq, ma'lumotlar "D" oynasiga emas, balki "D" nomli ramkaga yuklanadi. Ta'riflangan barcha harakatlarning natijasi rasmda ko'rsatilgan. 5.8.

Eslatma

Ochilgan oynalar va ularning mazmuni ko'rinishi ba'zan hatto foydalanuvchi harakatlarining tartibiga bog'liq bo'lishi mumkin. Xulq-atvorini oldindan aytish qiyin bo'lgan hujjatlar bilan ishlash, odatda, foydalanuvchi uchun asosli g'azabni keltirib chiqaradi va ishlab chiquvchilar tomonidan ma'lumotlar tuzilmasida o'ylanmaganligini ko'rsatadi.

Agar siz harakatlar tartibini o'zgartirsangiz, ya'ni birinchi navbatda ikkinchi havolani, keyin esa birinchisini bajarsangiz, "D" nomli oyna umuman paydo bo'lmaydi! Bu sodir bo'ladi, chunki ikkinchi havolani amalga oshirgandan so'ng, "D" nomli ramka yaratiladi va birinchi havola uchun yangi oyna ochishga hojat qolmaydi.

Bu misol umuman namuna emas, faqat o'zaro ta'sirni tashkil etishning mumkin bo'lgan murakkabligini ko'rsatadi. Aksincha, siz ma'lumotlarni tashkil qilishni ortiqcha murakkablashtirmaslikka harakat qilishingiz kerak, natijada foydalanuvchi harakatlarining tartibiga qarab o'zgarib turadigan vaziyatlarni yaratmaslik kerak.

Maslahat

Ramka va oyna nomlarida to'qnashuvlardan saqlaning. Xuddi shu nomdagi ramkalarga ega bo'lish rasmiy ravishda taqiqlanmagan bo'lsa-da, bu chalkashlikka olib kelishi mumkin.

Ogohlantirish

Ramka va oyna nomlari katta-kichik harflarni hisobga olgan holda taqqoslanadi. Shunday qilib, masalan, "frame_1" va "Frame_1" nomli ramkalar boshqacha bo'ladi.

Ramkalar orasidagi murakkabroq shovqinlarga misollar

Ramkalar orasidagi o'zaro ta'sirning juda oddiy tipik misollari yuqorida muhokama qilindi. Yangi oynalar yaratish, alohida ramkalar tarkibini almashtirish, shuningdek, hujjatni butun ramka tuzilishini yo'q qilish bilan to'liq oynada ko'rsatish vazifalari ko'rib chiqildi. Maxsus ramka nomlaridan, shuningdek, "_blank", "_self" va "_top" zahiralangan nomlaridan foydalanishga misollar keltirilgan. Oxirgi zahiradagi "_parent" nomidan foydalanish ancha murakkab va quyida tavsiflanadi.

Ushbu bo'limda ramkalar orasidagi o'zaro ta'sirning yanada murakkab variantlari ko'rib chiqiladi. Xususan, bir nechta qo'shni ramkalar tarkibini almashtirish amalga oshiriladi.

Ushbu bobda aytib o'tilgan freymlarning eng keng tarqalgan qo'llanilishidan biri ikkita freym bo'lib, ulardan birida havolalar ro'yxati, ikkinchisida esa hujjatlarning o'zi mavjud (5.1-rasm).

Keling, muammoni shakllantirishni kengaytirishga harakat qilaylik. Faraz qilaylik, siz bo'limlarga bo'lingan bo'limlardan iborat juda katta hujjatning mazmunini ekranda ko'rsatishni xohlaysiz. Oddiy misol - ma'lum bir mavzu bo'yicha texnik adabiyotlar. Keling, ekranda bunday hujjatning kerakli taqdimotini tasvirlab beramiz. Ekranni uchta ramkaga ajratamiz, ulardan birida kitob bo'limlari ro'yxati, ikkinchisida - tanlangan bobning bo'limlari ro'yxati, uchinchisida - tanlangan bo'lim matni bo'ladi. Ikkinchi freymdagi havolani tanlaganingizda, uchinchi kadrning mazmuni o'zgarishi kerak. Ushbu talabni amalga oshirish ahamiyatsiz. Birinchi freymdagi havolani tanlaganingizda, ikkinchi va uchinchi kadrlarning mazmuni bir vaqtning o'zida o'zgarishi kerak. Bir qarashda, bu vazifani HTML-da amalga oshirish mumkin emas (JavaScript yoki boshqalarda dasturlashdan foydalanmasdan), chunki havola bajarilganda ikkita yoki undan ko'p emas, faqat bitta hujjat yuklanadi. Shunga qaramay, bu muammoni hal qilish juda mumkin.

Keling, oddiy misol yordamida bunday muammoning mumkin bo'lgan echimini ko'rsatamiz. Aytaylik, siz ekranda uchta freymni ko'rsatishni va ularga ba'zi hujjatlarni yuklashni xohlaysiz. Keling, ushbu freymlarning har birida havolalar yaratish vazifasini qo'yaylik, ularni amalga oshirish, masalan, ikkita freymning mazmunini almashtirdi. Birinchi ramka deraza kengligining 50% va balandligining 100% ni egallab, derazaning chap tomoniga joylashtirsin. Oynaning o'ng yarmi ham gorizontal ravishda yarmiga bo'lingan va ikkita boshqa ramkani o'z ichiga oladi. Ushbu tuzilma quyidagi kod bilan tavsiflanadi:

Ushbu HTML kod yordamida kerakli struktura yaratiladi, ammo muammoni hal qilish mumkin emas. O'rnatilgan strukturani olib tashlash kerak alohida faylga aylantiring va ushbu HTML kodida yaratilgan faylga ishora qiluvchi ramkani tavsiflang. Keyin dastlabki hujjat matni quyidagicha ko'rinadi:

Kadrlar orasidagi o'zaro ta'sirga misol

Ichki tuzilishga ega yaratilgan fayl 1_2.htm nomiga ega va quyidagi kodni o'z ichiga oladi:

1-2

Bir qarashda, hech narsa o'zgarmadi. Ikkala holatda ham hujjatlar mos ravishda left.htm, 1.htm va 2.htm yuklanadigan uchta ramka mavjud. Biroq, ramkalar o'zaro ta'sir qilganda, farq paydo bo'ladi. Agar birinchi holatda freymlarning hech birida ota-ramka bo'lmasa, ikkinchi holatda ikkita ramka uchun ota-ona "Ikki_Fram" nomli ramka bo'ladi. Shuning uchun, agar ikkita freymdan birida siz TARGET parametr qiymati "_parent" ga teng bo'lgan havolani qo'llasangiz, birinchi va ikkinchi holatlar uchun natija boshqacha bo'ladi. Birinchi holda, bunday havolani amalga oshirish hujjatni to'liq oynaga yuklaydi, mavjud ramka tuzilishini almashtiradi. Bu erda "_parent" qiymat xususiyati o'ynaydi, u ota-ona ramkasi bo'lmaganda "_top" kabi ishlaydi. Ikkinchi holda, ekranning o'ng yarmini egallagan va asosan ikkita ramkadan iborat bo'lgan "Two_Frames" nomli ramka almashtiriladi.

Ikkinchi holat rasmiy ravishda birinchisidan, shuningdek, murojaat qilish mumkin bo'lgan "Two_Frames" nomli ramka mavjudligi bilan farq qiladi. Aynan shu xususiyat bizga muammoni hal qilish imkonini beradi.

Mana, dastlab ko'rib chiqilayotgan freymlarning birinchisiga yuklangan left.htm faylining mazmuni:

Chap ramka

hujjatlar oynaning o'ng tomonida joylashgan ikkita ramkada.

Hujjat joylashuvi variantini tanlang:

1 _2.htm" TARGET="Two_Frames">1-2-variant

Variant 2-1

2-1<TITLE> </p> <p></HEAD> </p> <p><FRAMESET ROWS="*,*"> </p> <p><FRAME SRC="2.htm"> </p> <p><FRAME SRC="1.htm"> </p> <p></FRAMESET> </p> <p></HTML> </p> <p>E'tibor bering, 1_2.htm va 2_1.htm fayllar matni faqat 1.htm va 2.htm fayllarga havolalar tartibida farqlanadi.</p> <p>Keling, chap ramkaga yuklangan hujjatning qurilishini ko'rib chiqaylik. U TARGET="Two_Frames" parametri bilan ikkita havolani o'z ichiga oladi. Ushbu havolalardan har qandayining amalga oshirilishi “Two_Frames” (bu ekranning o'ng yarmi) freymining joylashgan joyida ikkita ramka hosil qiladi, u yoki bu tartibda 1.htm va 2.htm hujjatlarni yuklaydi. Shunday qilib, 1-2-variantni tanlashda 1.htm hujjati yuqori o'ng ramkaga, 2.htm esa o'ng pastki ramkaga yuklanadi. 2-1-variantni tanlaganingizda, hujjatlar tartibi o'zgaradi. Natijada, variantlarning muqobil tanlovi ikkita ramkadagi hujjatlar o'rnini o'zgartirayotgandek taassurot qoldiradi. Biz erishmoqchi bo'lgan ta'sir aynan shu (5.9-rasm).</p> <p>Ta'riflangan misol uchun 1.htm va 2.htm hujjatlarining mazmuni muhim emas. Biroq, masalan, ahamiyatsiz hujjatlar o'rniga biz bir xil harakatlarni amalga oshiradigan havolalar bilan hujjatlarni yaratamiz.</p> <p>1.htm fayl matni:</p> <p><HTML> </p> <p><HEAD> </p> <p><TITLE>Hujjat 1

Hujjat 1

Variant 1-2

Variant 2-1

2.htm fayli 1.htm dan faqat sarlavhada farqlanadi.

Ota-ramkaga ishora qiluvchi TARGET="_parent" qiymatiga ega ikkita havola mavjud. Bu havolalar ota-ramkaning aniq nomi bilan ham yozilishi mumkin, ya'ni TARGET="Ikki_Fram", lekin yashirin nomdan foydalanish odatda qulayroqdir. Misol uchun, agar siz chap freymdan (hujjat left.htm) havolalarni chiqarib tashlasangiz, asosiy ramka tuzilishini tavsiflashda ko'rsatilgan "Two_Frames" freym nomini o'tkazib yuborishingiz mumkin. Bu nomsiz ramka hosil qiladi, lekin TARGET="_parent" bilan 1.htm va 2.htm hujjatlaridagi havolalar hali ham to'g'ri ishlaydi.

Maslahat

Iloji bo'lsa, yashirin ramka nomidan foydalaning. Masalan, aniq nomlarni ko'rsatish o'rniga "ota-ona", "yuqori", "o'zini".


Guruch. 5.9. Yuklangan hujjatlarni o'zgartirish effekti bilan o'zaro ta'sir qiluvchi ramka oynalari

Ramkalar va brauzer oynalari o'rtasidagi farq

Ramkalar bilan ishlashda brauzer oynasining ramka tuzilishini tashkil qilish va bir nechta oyna yaratish o'rtasidagi tub farq haqida savol tug'iladi. Bir qarashda, siz bir nechta oyna yaratish qobiliyatiga ega bo'lishingiz mumkin, chunki derazalar va ramkalar bilan ishlash juda o'xshash. Har bir freym alohida hujjatni yuklashni talab qiladi, tarkibni mustaqil ravishda aylantirish imkoniyatiga ega va boshqa freymlar buyruqlari bilan o'zgartirilishi mumkin. Ramkalarning bu xossalari brauzer oynalarinikiga o'xshaydi. Ma'lumotlarni jadval shaklida tashkil qilish bilan bunday harakat erkinligiga erishish mumkin emas.

Biroq, ramkalar va derazalar o'rtasida sezilarli farq bor. Kadrlarni tashkil qilishda ko'rish maydonini ramkalarga bo'lish o'lchamlari va ularning joylashishini ko'rsatgan holda HTML hujjatining o'zi tomonidan amalga oshiriladi. Ko'rish paytida foydalanuvchi ramkalar hajmini o'zgartirishi mumkin, agar bu ularning tuzilishi tavsifida taqiqlangan bo'lmasa. Derazalarning joylashishi Windows tizimi bilan ishlashning umumiy qoidalari bilan belgilanadi - foydalanuvchi har qanday oynani to'liq ekranga kengaytirishi, uni piktogrammaga kamaytirishi yoki o'zboshimchalik bilan uning hajmi va joylashishini belgilashi mumkin. Windows, ramkalardan farqli o'laroq, bir-birining ustiga chiqishi mumkin. Tanlovning bu boyligi o'zining salbiy tomoniga ega - optimal ko'rish opsiyasiga erishish uchun har safar oynalarni ekranga qo'lda joylashtirishingiz va ularning hajmini o'zgartirishingiz kerak. Ramkalar bo'lsa, optimal o'lcham nisbati odatda ishlab chiquvchi tomonidan ramka tuzilishi tavsifida ko'rsatiladi va ko'pincha o'zgartirish kerak emas.

Maslahat

Ramkalar alohida oynalar bilan ishlash uchun barcha imkoniyatlarni taqdim eta olmasa ham, ularning oqilona tashkil etilishi foydalanuvchi uchun maksimal qulaylik yaratadi.

Deraza bilan ishlashning boshqa kamchiliklari ham bor. Har bir oynani yaratish juda ko'p xotirani talab qiladi. Netscape'da har bir oyna mohiyatan brauzerning boshqa nusxasi bo'lib, tugmalar va menyularning to'liq to'plami bilan to'la. Xuddi shu holat Microsoft Internet Explorer uchun xosdir.

E'tibor bering, brauzerlarda alohida oynalarni tashkil qilish boshqacha tarzda amalga oshiriladi. Hujjat bilan yangi oyna yaratish Windows tizimida alohida vazifaning paydo bo'lishiga olib keladi, buni bajarilgan vazifalar ro'yxatini ko'rishda ko'rishingiz mumkin. Shuning uchun, derazalar o'rtasida almashish turli vazifalarni almashtirish bilan bir xil tarzda amalga oshirilishi mumkin, masalan, klaviatura yorlig'ini bosish +.

Ko'pgina mashhur Windows ilovalari hujjat oynasi tushunchasiga ega. Masalan, Microsoft Word matn protsessori yoki Paint Shop Pro grafik dasturi va boshqalar. Ushbu ilovalarning har biri bir vaqtning o'zida bir nechta oynalarni ma'lumotlar bilan ishlatishga imkon beradi va qoida tariqasida, oynalar ro'yxatini taqdim etadigan va ular o'rtasida almashish imkoniyatini beruvchi Oyna menyusi mavjud. Bunday ilovalarda yangi oynani yaratish odatda mavjud faylni ochish yoki yangisini yaratishda sodir bo'ladi. Biroq, bu dasturlarda, yangi oyna yaratilganda, yangi ishlaydigan vazifa yaratilmaydi.

Netscape-da, shuningdek, mavjud oynalar ro'yxatini ko'rsatadigan Oyna menyusi mavjud. (Netscape 4.x versiyalarida bu xususiyat Communicator menyusidagi Window bandi tomonidan taqdim etiladi.) Keling, rasmga qaytaylik. 5.8. Ushbu misolda bir vaqtning o'zida uchta oyna ochiq, ularning har biri asosan alohida brauzerdir. Biroq, foydalanuvchi uchun ularning barchasi bir xil brauzer oynalari bo'lib, ular bir-biri bilan o'zaro aloqada bo'lishi mumkin. Ushbu oynalarning har qandayida siz Oyna menyusini ochishingiz va uchta oyna ro'yxatini ko'rishingiz mumkin. Shaklda. 5.10-rasmda pastki oyna uchun bajarilgan vaziyat ko'rsatilgan.

Guruch. 5.10. Netscape brauzerida Windows ramkasini ochish

Har bir oynani alohida yopish mumkin (Fayl menyusidagi Yopish buyrug'i yordamida). Brauzer bilan ishlashni istalgan oynada tugatish uchun Fayl menyusini ochib, Chiqish-ni tanlashingiz mumkin (5.11-rasm).

Agar bir nechta oyna ochiq bo'lsa, ularning hammasi yopiladi, lekin bundan oldin ogohlantirish xabari paydo bo'ladi (5.12-rasm).

Har bir brauzer oynasi o'z sozlamalariga ega bo'lishi mumkin (barchasi bo'lmasa ham). Anjirga qarang. 5.11. Ikkita oyna ochiq, ulardan biri uchta ramkaga bo'lingan. Xuddi shu hujjat uchta ramkaning ikkitasida, shuningdek, alohida oynada yuklanadi. Har bir oynaning parametrlarini mustaqil ravishda sozlash qobiliyati bir xil hujjatni boshqacha ko'rsatishga imkon beradi. Yuqoridagi misolda bitta oynadagi hujjatning shrift o'lchami ikkinchisiga qaraganda kattaroqdir. Bu effekt har bir oyna uchun turli xil kodlashlarni o'rnatish orqali erishiladi (Options menyusining Hujjatni kodlash bandi yoki 4.x versiyasi uchun Ko'rish menyusining Belgilar to'plami), ikkala kodlash bir xil shriftdan foydalangan holda, lekin har xil o'lchamlarda. Umumiy sozlamalar menyusidagi istalgan elementni o'zgartirish barcha oynalarga ta'sir qiladi.

Guruch. 5.11. Netscape brauzeridan chiqish

Guruch. 5.12. Netscape brauzerida oynalarni yopish haqida ogohlantirish

Qo'shimcha brauzer xususiyatlari

Tegishli parametrlarga ega yuqoridagi barcha ramka tavsif teglari Netscape va Microsoft Internet Explorer brauzerlarida deyarli bir xil tarzda amalga oshiriladi, ammo bu brauzerlarning har biri qo'shimcha ravishda o'ziga xos teglar yoki parametrlardan foydalanishga imkon beradi.

Netscape brauzerining xususiyatlari

Netscape brauzeri, 3.0 versiyasidan boshlab, uchta qo'shimcha variantni beradi: BORDER, FRAMEBORDER va BORDERCOLOR. BORDER parametri faqat teg uchun amal qiladi . BORDER parametrining qiymati kadrlar orasidagi chegaralarning piksellardagi qalinligini aniqlaydi.

FRAMEBORDER parametri tegda ham ishlatilishi mumkin , va tegda va ramkalar orasidagi ramka mavjudligini aniqlaydi. Ushbu parametr Ha yoki YO'Q bo'lishi mumkin. Agar parametr tegda yozilgan bo'lsa , keyin uning ta'siri ushbu guruhdagi barcha ramkalar uchun amal qiladi. Alohida ramka uchun qiymatni bekor qilish mumkin. Standart qiymat Ha.

E'tibor bering, BORDER va FRAMEBORDER parametrlari bir-biridan mustaqil ishlaydi. Misol uchun, agar FRAMEBORDER NO ga o'rnatilgan bo'lsa va BORDER noldan boshqa qiymatga o'rnatilgan bo'lsa, u holda freymlar orasidagi chegara chizilmaydi, lekin BORDER parametr qiymati bilan belgilangan bo'sh joy baribir unga ajratiladi.

BORDERCOLOR parametridan tegdagi kabi foydalanish mumkin , va tegda va chegara rangini belgilaydi, uni rang nomi yoki uning o'n oltilik ko'rinishi bilan belgilash mumkin.

Mana bir misol:

Ushbu HTML kodning birinchi qatori uchta freymni bildiradi, ular orasida 10 pikselli qalin ramka uchun bo'sh joy mavjud (5.13-rasm).

Guruch. 5.13. Netscape brauzerida ramkalar orasidagi chegaralarni chizish

"A" va "B" ramka oynalari o'rtasida FRAMEBORDER parametrining NO qiymati tufayli hech qanday ramka chizilmaydi, ammo qizil rang ramka uchun aniqlanadi. Oxirgi "c" ramkasi uchun FRAMEBORDER qiymati Ha ga o'rnatiladi va birinchi qatorda o'rnatilgan qiymatni bekor qiladi. Shuning uchun, "B" va "C" deb nomlangan ramkalar o'rtasida qalinligi 10 piksel bo'lgan qizil ramka hali ham chiziladi.

Eslatma

Agar ramkalar orasidagi chegaralar chizilmagan bo'lsa, Netscape brauzeri NORESIZE parametri bo'lmasa ham, sichqoncha bilan sudrab o'lchamini o'zgartirishga ruxsat bermaydi. Microsoft Internet Explorer uchun vaziyat boshqacha.

E'tibor bering, chegarasiz ramkalar juda kam qo'llanilmaydi. Shuni esda tutish kerakki, freymlarning yo'qligi aylantiruvchi chiziqlar paydo bo'lishiga to'sqinlik qilmaydi (5.14-rasm).

Guruch. 5.14. Chegarasiz ramkadagi aylantirish paneli

Microsoft Internet Explorer brauzerining xususiyatlari

Microsoft Internet Explorer brauzeri FRAMEBORDER parametridan yuqorida tavsiflangan maqsadlarda foydalanish imkonini beradi, lekin ramkalarning rangi va qalinligini belgilashga imkon bermaydi. Biroq, ramka chizishni bekor qilish uchun FRAMEBORDER parametri uchun qiymat sifatida faqat "O" raqamli qiymati yoki ramka chizish uchun nolga teng bo'lmagan raqamli qiymatdan foydalanish mumkin.

Turli xil brauzerlar uchun FRAMEBORDER parametrining qiymatlarini o'rnatish qoidalaridagi farq juda yoqimsiz. Masalan, FRAMEBORDER=Ha o'rnatishga harakat qilib ko'ring. Ushbu yozuv Netscape uchun to'g'ri, ammo Microsoft Internet Explorer uchun bu ramkaning yo'qligiga olib keladi. Microsoft Internet Explorer-da ko'rilgan oldingi misol (5.13-rasm) ramkasiz taqdim etiladi.

Maslahat

FRAMEBORDER parametrining qiymatini har doim raqamli shaklda yozish tavsiya etiladi, masalan, FRAMEBORDER=0. Bu Microsoft Internet Explorer uchun parametr yozish qoidalariga amal qiladi, lekin Netscape qoidalarini buzadi (garchi u ikkinchisi tomonidan to'g'ri qabul qilingan bo'lsa ham).

Eslatma

Agar ramkalar orasidagi ramkalar chizilmagan bo'lsa, Microsoft Internet Explorer brauzeri (Netscape-dan farqli o'laroq), NORESIZE parametri bo'lmasa, sichqoncha bilan freymlarni sudrab, ramkalarning o'lchamlarini "tegish" imkonini beradi. Sichqoncha ko'rsatgichining shaklini o'zgartirib, ramka bo'lishi kerak bo'lgan joyni topishingiz mumkin.

Microsoft Internet Explorer brauzeri tegda yozilgan qo'shimcha FRAMESPACING parametridan foydalanishga imkon beradi , uning qiymati bo'sh qoldirilishi kerak bo'lgan freymlar orasidagi piksellar sonini aniqlaydi.

Keling, misol keltiraylik, uning natijasi rasmda ko'rsatilgan. 5.15.

Kadrlar orasidagi masofani o'zgartirish


Guruch. 5.15. Microsoft Internet Explorer-da ramkalar orasidagi bo'sh joy

Eslatma

Afsuski, HTML tilining koʻpgina tavsiflari tegda FRAMESPACING parametridan foydalanilishi lozimligini notoʻgʻri koʻrsatadi. . Microsoft Internet Explorer bu parametrdan faqat tegda foydalanishga ruxsat beradi .

Suzuvchi ramkalar

Microsoft Internet Explorer brauzeri noyob tegdan foydalanishga imkon beradi . TEGS da

Microsoft Internet Explorer "suzuvchi" deb ataladigan ramkalarni qo'llab-quvvatlaydigan birinchi brauzer (va hozircha yagona).

Bu ramkalar grafik va jadvallar kabi ekranning istalgan joyiga joylashtirilishi mumkin.

Ushbu matnning o'ng tomonidagi ramka maxsus teg yordamida sahifaga joylashtiriladi

Suzuvchi ramkali hujjat namunasi:



suzuvchi ramka


suzuvchi ramka


Ushbu sahifaga "suzuvchi ramka" deb ataladigan narsa kiritilgan.
Alohida oynada u ko'rsatish uchun boshqa HTML hujjatini ochadi.



… … …




Nofreymlar

Ba'zi brauzerlar hujjat ramkasi tuzilishini qo'llab-quvvatlamaydi yoki uni noto'g'ri talqin qiladi; bundan tashqari, foydalanuvchilar ko'pincha brauzer sozlamalarida HTML hujjat ramka tuzilishini qo'llab-quvvatlashni ataylab o'chirib qo'yishadi. Va bunday brauzerlar va foydalanuvchilarning ulushi kichik bo'lsa-da, ular baribir mavjud.

Endi tasavvur qiling-a, siz o'z veb-saytingizni ramka tuzilishi va ba'zi tashrif buyuruvchilar yordamida qurdingiz, ehtimol muammo nima ekanligini bilmasdan, veb-saytingizni ochishga harakat qiling va ularning brauzerida xatolik paydo bo'ladi! Ular sizning saytingiz haqida qanday fikrda? Men shunday deb o'ylayman: "Uf.. qandaydir bema'nilik.. Men bu erga boshqa kelmayman!"

Foydalanuvchiga uning brauzeri/brauzer sozlamalari ramkalarni qo'llab-quvvatlamasligini tushunish uchun teg mavjud </b> .</p> <p>teg <b><noframes> </b> agar foydalanuvchi brauzeri freymlarni qo'llab-quvvatlamasa yoki uning sozlamalarida ular majburan o'chirilgan bo'lsa, unga kiritilgan matnni ko'rsatadi. Agar ramkalar foydalanuvchi brauzeri tomonidan qo'llab-quvvatlansa, bu teg oddiygina e'tiborga olinmaydi.</p> <p> <html> <br> <head> <br> <title>ramkalar</title> <br> </head> <br> <frameset cols="*,800,*" border="0"> <br><b><noframes>Kechirasiz, lekin brauzeringiz ramkalarni qo'llab-quvvatlamaydi..











Agar sizning brauzeringiz haqiqatan ham freymlarni qo'llab-quvvatlamasa (bu erda men uzoq vaqt o'yladim.. :) agar shunday bo'lsa, unda bu bobni umuman o'qib chiqishning nima keragi bor?) yoki siz o'zingizning brauzeringizda ramkani qo'llab-quvvatlashni o'chirib qo'ygan bo'lsangiz, misol natijasi sezilarli bo'ladi. brauzer tajriba sifatida.

teg </b> teg ichida joylashgan bo'lishi kerak <b><frameset> </b></p> <p>Suzuvchi ramka bilan hamma narsa yanada sodda, faqat ular orasida kerakli matnni yozing <b><iframe> </iframe> </b> va agar brauzer ramkalarni qo'llab-quvvatlamasa, bu xabar ekranda ko'rsatiladi.</p> <p> <iframe src="primer.html" width="300" height="250" align ="left" scrolling="auto" frameborder="1"><b>Kechirasiz, lekin brauzeringiz ramkalarni qo'llab-quvvatlamaydi..</b></iframe> </p> <ul><p>Ramka tuzilmasi yordamida sahifa yaratishni boshlashdan oldin uning tartibini, har bir oynaning o'lchamini, ulardagi aylantirish satrlarining mavjudligi yoki yo'qligini va hokazolarni tahlil qiling. Shundan so'ng siz ularning nisbiyligi haqida o'ylamasdan plagin HTML fayllarini yaratishingiz mumkin. bir-biriga nisbatan pozitsiya.</p><p>Belgidan foydalaning <b><noframes> </b>. Esda tutingki, agar sizning brauzeringizda sayt ishlayotgan bo'lsa va siz xohlagandek ko'rsatilsa, boshqa foydalanuvchilar uchun hamma narsa boshqacha bo'lishi mumkin!</p> </ul> <p>Ramkali saytlar tobora kamdan-kam bo'lib borayotganiga qaramay, HTMLni o'rganish ramkalar mavzusini hisobga olmagan holda to'liq bo'lmaydi. Bundan tashqari, ramkalar ma'lum ma'noda o'z o'rnini egallagan va boshqaruv va yordam tizimlari uchun ishlatiladi. Bu erda ramkalarning kamchiliklari ayniqsa muhim emas, lekin afzalliklar, aksincha, faol talabga ega.</p> <p>Teg ramka yaratish uchun ishlatiladi <frameset>, bu teg o'rnini bosadi <body>hujjatda va ekranni hududlarga bo'lish uchun ishlatiladi. Bu teg ichida teglar mavjud <frame>, bu hududga yuklanishi mo'ljallangan HTML hujjatiga ishora qiladi (13.1-rasm).</p> <p>Guruch. 13.1. Brauzer oynasini ikkita ramkaga bo'lish misoli</p> <p>Freymlardan foydalanganda sizga kamida uchta HTML fayl kerak bo'ladi: birinchisi ramka tuzilishini belgilaydi va brauzer oynasini ikki qismga ajratadi, qolgan ikkita hujjat belgilangan oynalarga yuklanadi. Kadrlar soni ikkitaga teng bo'lishi shart emas, balki undan ko'p, lekin ikkitadan kam emas, aks holda ramkalardan foydalanishning ma'nosi butunlay yo'qoladi.</p> <p>Keling, rasmda ko'rsatilgan sahifaga asoslangan ramkalar yaratish bosqichlarini ko'rib chiqaylik. 13.1. Bizga uchta fayl kerak bo'ladi: index.html - hujjat strukturasini belgilaydi, menu.html - chap ramkaga yuklanadi va content.html - o'ng ramkaga yuklanadi. Ulardan faqat index.html o'z kodining tuzilishi bilan boshqa fayllardan farq qiladi (13.1-misol).</p> <p>13.1-misol. index.html fayli</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Ramkalar</title> </head> <frameset cols="100,*"> <frame src="menu.html" name="MENU"> <frame src="content.html" name="CONTENT"> </frameset> </html> </p><p>Agar ramkalar ishlatilsa, kodning birinchi qatorida quyidagi hujjat turi yoziladi.</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> </p><p>The<!DOCTYPE>brauzerga freymlar bilan ishlayotganini aytadi, bu kod qatori talab qilinadi. Idish <head>sahifa kodlash va hujjat sarlavhasi kabi odatiy ma'lumotlarni o'z ichiga oladi. Shuni yodda tutingki, HTML fayllar ramkalar ichida ochilguncha sarlavha o'zgarmaydi.</p> <p>Bu misolda brauzer oynasi cols atributi yordamida ikki ustunga bo‘lingan, chap ustun 100 pikselni, o‘ng ustun esa yulduzcha belgisi bilan belgilangan qolgan joyni egallaydi. Ramkalarning kengligi yoki balandligi jadvallarga o'xshash foiz sifatida ham o'rnatilishi mumkin.</p> <p>Tegda <frame>Belgilangan maydonga yuklangan HTML fayl nomi src atributi yordamida belgilanadi. Chap oynaga menu.html nomli fayl yuklanadi (13.2-misol), o'ng oynaga content.html yuklanadi (13.3-misol). Hujjatlarni nom atributi yordamida ko'rsatilgan oynaga yuklash uchun har bir freymga o'ziga xos nom berish tavsiya etiladi.</p> <p>13.2-misol. Fayl menyusi.html</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Sayt navigatsiyasi</title> </head> <body style="background: #f0f0f0"> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>Ushbu misolda sahifadagi kulrang fon uslublar yordamida o'rnatiladi, ular keyinroq muhokama qilinadi.</p> <p>13.3-misol. Fayl mazmuni.html</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Sayt tarkibi</title> </head> <body> <p>MAZMUNI</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>Keling, uchta ramka bilan murakkabroq misolni ko'rib chiqaylik (13.2-rasm).</p> <p><img src='https://i0.wp.com/htmlbook.ru/files/images/samhtml/fig_1_13_2.png' width="100%" loading=lazy loading=lazy></p> <p>Guruch. 13.2. Sahifani uchta ramkaga bo'lish</p> <p>Bunday holda, teg yana ishlatiladi <frameset>, lekin ikki marta, bir teg ikkinchisining ichiga joylashtirilgan. Gorizontal bo'linish satrlar atributi orqali yaratiladi, bu erda turli uchun foiz belgisi ishlatiladi (13.4-misol).</p> <p>13.4-misol. Uchta ramka</p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Ramkalar</title> </head> <frameset rows="25%,75%"> <frame src="top.html" name="TOP" scrolling="no" noresize> <frameset cols="100,*"> <frame src="menu.html" name="MENU"> <frame src="content.html" name="CONTENT"> </frameset> </frameset> </html> </p><p>Ushbu misoldan ko'rinib turibdiki, konteyner <frameset>rows atributi bilan avval ikkita gorizontal ramka hosil qiladi, lekin ikkinchi ramkani boshqasiga almashtiradi <frameset>, bu 13.1-misoldan allaqachon bilgan tuzilmani takrorlaydi. Vertikal aylantirish paneli paydo bo'lishi va foydalanuvchi yuqori freym hajmini mustaqil ravishda o'zgartira olmasligi uchun scrolling="no" va noresize atributlari qo'shilgan.</p> <p><i> </i> 07.12.2015</p> <p>Hali emas</p> <br><p>Hammaga salom! <br>Biz HTML asoslarini qunt bilan o'rganishda davom etamiz. Darslaringizni tashlab ketmaganingizdan xursandman.</p> <p>Ushbu darsda biz ko'rib chiqamiz <b>ramkalar nima</b> va ular HTMLda qanday yaratilgan. <br>Shunday qilib, keling, HTML-da qanday ramkalar mavjudligini aniqlaymiz. <br><b>Ramkalar</b>- Bu brauzer oynasining alohida HTML hujjatlarini yuklash mumkin bo'lgan alohida hududlarga bo'linishi.</p> <p>O'ylaymanki, siz ramkalar tufayli bitta brauzer oynasida bir vaqtning o'zida bir nechta veb-sahifalarni ko'rishingiz mumkinligini tushunasiz.</p> <p>Misol sifatida, ramka amalda qanday ishlashini tushunish uchun men misolni ko'rib chiqishni taklif qilaman. U erda bir nechta o'tishni amalga oshiring:</p> <p>Xo'sh, nima deb o'ylaysiz? Buni qanday yaratishni o'rganmoqchimisiz? Endi biz o'rganamiz <b>html hujjatiga ramkalar kiritish</b>.</p> <p>Veb-sahifadagi ramka quyidagi tartib yordamida yaratiladi:</p><p> <frameset> <frame> <frame> </frameset> </p><blockquote><p><b>Diqqat:</b> freym kodining joylashuvi teg o'rniga html hujjatiga kiritiladi <bode><script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> :</p> </blockquote> <html> <head> <title>Ramkalar</title> </head> <frameset> <frame> <frame> </frameset> </html> <p>○ <b>ramkalar to'plami yorlig'i</b></p> <p>Bu ramka yaratish uchun asosiy konteyner bo'lib, uning ichida boshqa elementlar mavjud. <br>Yopish yorlig'i talab qilinadi.</p><p> <frameset></frameset> </p><p><i><b>* Frameset tegining atributlari:</b> </i> </p> <ul><li>Cols - vertikal</li> <li>Qatorlar - gorizontal</li> </ul><p><b>qatorlar</b>- gorizontal</p> <p><img src='https://i2.wp.com/stepkinblog.ru/wp-content/uploads/2015/12/stepkinblog-ru-frameset-html-1.png' height="125" width="181" loading=lazy loading=lazy></p> <p><b>cols</b>- vertikal</p> <p><img src='https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2015/12/stepkinblog-ru-frameset-html-2.png' height="127" width="185" loading=lazy loading=lazy></p> <p>Cols va rows atributlari brauzer oynasini necha qismga bo'lish kerakligini ko'rsatadi. Masalan, brauzer oynasini ikkita vertikal qismga bo'lish uchun siz shunday yozishingiz kerak:</p><p> <frameset cols="30%,*"> </p><p>Ekranning chap tomoni hajmi 30%, o'ng tomoni esa 70% bo'ladi.</p> <p>Agar siz brauzerni yana bir nechta qismlarga bo'lishni istasangiz, vergul bilan ajratilgan qo'shimcha o'lchamlarni qo'shing, masalan:</p><p> <frameset cols="30%,20%,10%,40%"> </p><p>Natijada, birinchi <span>vertikal ustun</span> kengligi 30%, ikkinchisi - 20%, uchinchisi - 10%, to'rtinchisi - 40% bo'ladi.</p> <p><img src='https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2015/12/stepkinblog-ru-frameset-html-3.png' width="100%" loading=lazy loading=lazy></p> <p>Tushundim?</p> <p>Xuddi shu narsa gorizontal tartib uchun ham amal qiladi:</p><p> <frameset rows="30%,20%,10%,40%"> </p><p>Birinchi gorizontal ustunning kengligi 30%, ikkinchisi - 20%, uchinchisi - 10%, to'rtinchisi - 40% bo'ladi.</p> <p><img src='https://i1.wp.com/stepkinblog.ru/wp-content/uploads/2015/12/stepkinblog-ru-frameset-html-4.png' height="199" width="390" loading=lazy loading=lazy></p> <p>○ <b>ramka yorlig'i</b></p> <p>Ramka tegi brauzer oynasiga qaysi HTML hujjatni yuklash kerakligini belgilaydi. <br>Masalan, bitta brauzer oynasiga “1.html”, “2.html”, “3.html” uch xil sahifani yuklashimiz kerak. Ramka yorlig'i quyidagicha ko'rinadi:</p><p> <frame src="1.html"> <frame src="2.html"> <frame src="3.html"> </p><p>Keling, ramkalar bo'yicha bilimlarni umumlashtiramiz. Shunday qilib, vazifa: siz brauzer oynasini ikki qismga bo'lishingiz va ushbu qismlarga ikkita veb-sahifani yuklashingiz kerak - "1.html" 30%, "2.html" 70%. <br>Mana tugallangan kod:</p><p> <frameset cols="30%,*"> <frame src="1.html"> <frame src="2.html"> </frameset> </p><p>Natija shunday bo'ladi:</p> <p><img src='https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2015/12/stepkinblog-ru-frameset-html-5.png' width="100%" loading=lazy loading=lazy></p> <p><i><b>* Ramka tegi atributlari</b> </i> </p> <ul><li>src - veb-sahifa manzili. <i>src="1.html"</i> ;</li> <li>marginwidth - kenglik bo'ylab ramka ichidagi chekka. Misol: <i>marginwidth = "10"</i> ;</li> <li>marginhight - ramka ichidagi balandlik chegarasi. Misol: <i>marginhight = "10"</i> ;</li> <li>aylantirish – freymni aylantirish orqali aylantirish. <br>- ha – varaq ramkada mavjud bo'ladi. Misol: <i>aylantirish = "ha"</i> ;<br>- yo'q - aylantirish ramkada mavjud bo'lmaydi. Misol: <i>aylantirish = "yo'q"</i> ;<br>- agar kerak bo'lsa, avtomatik aylantirish freymda mavjud bo'ladi. Misol: <i>aylantirish = "avto"</i> ;</li> <li>noresize - ramka chegaralarini siljitishni taqiqlaydi.</li> <li>nom - ramka nomi. Qaysi oynada boshqa ramkalar ochilishi kerakligini belgilaydi. Misol: <i>nomi = "sayt"</i> ;</li> </ul> <p>Agar siz "nom" atributida ramka nomini ko'rsatmasangiz, havolani bosganingizda, havola bo'lgan oynada yangi ramka ochiladi:</p> <p>Agar siz "name" atributini qo'shsangiz, bu erda bir misol:</p> <p>Bu yaxshiroq emasmi? <br>Har qanday freym uchun boshqa HTML hujjatlari ochilishini xohlagan joyga "nom" atributini qo'shing</p><p> <frame src="2.html "name ="сайт"> </p><p>"Nom" atributidagi ism har qanday bo'lishi mumkin. Ammo kelajakda, agar siz boshqa "ramka" teglariga nom bersangiz, ularning har biri noyob bo'lishi kerakligini unutmang:</p><p> <frame src="2..html "name ="bloggood-ru"> <frame src="3.html "name ="nocrisise-ru"> </p><p>2-sahifa 3-bet</p><p>“1-sahifa”, “2-sahifa” bir oynada ochiladi, unda siz “name =" freym nomini belgilagansiz. <span>veb-sayt"</span>" va "3-sahifa" boshqa ramkada ochiladi, bu erda "name =" nomi. <span>bloggood-ru "</span>»</p> <p><b>AMALIYOT</b></p> <p>Vazifa: Ushbu tartib yordamida ramkalar yaratishingiz kerak:</p> <p><img src='https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2015/12/stepkinblog-ru-frameset-html-6.png' width="100%" loading=lazy loading=lazy></p> <p>Birinchidan, uchta gorizontal ramka yaratamiz:</p><p> <frameset rows="15%,*,15%"> </frameset> </p><p>Endi "top.html" va "footer.html" ni qo'shamiz.</p><p> <frameset rows="15%,*,15%"> <frame src="top.html"> <frame src="footer.html"> </frameset> </p><p>Natija hozircha shunday bo'ladi:</p> <p><img src='https://i1.wp.com/stepkinblog.ru/wp-content/uploads/2015/12/stepkinblog-ru-frameset-html-7.png' width="100%" loading=lazy loading=lazy></p> <p>Endi “top.html” va “footer.html” orasiga “menu.html” va “content.html” qo'shamiz:</p><p> <frameset rows="15%,*,15%"> <frame src="top.html"> <frameset cols="25%,75%"> <frame src="menu.html"> <frame src="content.html" name="main"> </frameset> <frame src="footer.html"> </frameset> </p><p>Tayyor kod:</p><p> <html> <head> <title>Ramkalar</title> </head> <frameset rows="15%,*,15%"> <frame src="top.html"> <frameset cols="25%,75%"> <frame src="menu.html"> <frame src="content.html" name="main"> </frameset> <frame src="footer.html"> </frameset> </html> </p><p>Faylni "index.html" sifatida saqlang</p> <p>“top.html”, “footer.html”, “menu.html” va “content.html” sahifalarini yarating:</p> <p>"top.html" fayl kodi</p><p> <html> <head> <title>sayt sarlavhasi</title> </head> <body bgcolor="#b2f2ff" text="#0000FF"> <h1>veb-sayt</h1> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>"footer.html" fayl kodi</p><p> <html> <head> <title>Footer.html fayli</title> </head> <body bgcolor="#b2f2ff" text="#000000">StepkinBlog.com © 2015<script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>Fayl kodi "menu.html"</p><p> <html> <head> <title>File menu.html – sayt menyusi</title> </head> <body bgcolor="#b2bbff" text="#112cf5"> <ul> <li>Bosh sahifa</li> <li>muallif haqida</li> </ul> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>"content.html" fayl kodi:</p><p> <html> <head> <title>Bosh sahifa</title> </head> <body bgcolor="#e3e5f8" text="#FF0055"> <h1>Bosh sahifa</h1>Sayt tarkibi - "Bosh sahifa (content.html)"<script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </p><p>"autor.html" fayl kodi:</p><p>Bu men olgan natija:</p> <p>Keling, "ramka" atributlaridan foydalanamiz va freymlarni qo'lda cho'zishni o'chirib qo'yamiz va "index.html" faylida aylantirishni olib tashlaymiz.</p><p> <frameset rows="15%,*,15%"> <frame src="top.html" scrolling ="no" noresize> <frameset cols="25%,75%"> <frame src="menu.html"scrolling ="no" noresize> <frame src="content.html" name="main"scrolling ="no" noresize> </frameset> <frame src="footer.html" noresize> </frameset> </p><p><b>○ freymlar brauzer tomonidan qo'llab-quvvatlanmasa nima qilish kerak? <br></b><br>Siz foydalanuvchiga ularning brauzeri ramkalarni qo'llab-quvvatlamasligi haqida xabarni ko'rsatishingiz mumkin. Buning uchun tegni kiriting <noframes>strukturaning ichida <frameset> :</p><p> <frameset rows="15%,*,15%"> <noframes>

○ Suzuvchi ramka

Agar siz iframe oynasini to'g'ridan-to'g'ri ramka tuzilishiga ega bo'lmagan sahifaga kiritishingiz kerak bo'lsa, buning uchun "iframe" tegi mavjud.

* "iframe" teg atributlari

  • src - ochish uchun sahifaga yo'l
  • kengligi - suzuvchi ramkaning kengligi
  • balandligi - suzuvchi ramka balandligi
  • aylantirish - aylantirish paneli
    - yo'q - aylantirish paneli hech qachon ko'rsatilmaydi
    - ha - har doim ko'rsating
    - agar kerak bo'lsa, avtomatik ko'rsatish
  • align - suzuvchi ramkani tekislash
    - chap - chap
    - o'ngda - o'ngda
    - yuqori - yuqori
    - pastki - pastda
  • frameborder - suzuvchi ramka atrofidagi chegara
    - 1 - ramkani yoqing
    - 0 - ramkani o'chiring

Atributlarga ega "iframe" tegi shunday ko'rinadi:

Brauzeringiz ramkalarni qo'llab-quvvatlamasa, matnni kiritishingiz mumkin " OOPS! Brauzeringiz ramkalarni qo'llab-quvvatlamaydi. » teglar orasida .
Bu shunday ko'rinadi:

Masalan, "content.html" fayliga iframe qo'shamiz:

Bosh sahifa

Bosh sahifa

Sayt mazmuni - "Bosh sahifa (kontent.! Brauzeringiz ramkalarni qo'llab-quvvatlamaydi.

Oldingi xabar
Keyingi kirish



 

O'qing:



Eng yaxshi simsiz minigarnituralar reytingi

Eng yaxshi simsiz minigarnituralar reytingi

Universal quloqlarni arzon sotib olish mumkinmi? 3000 rubl - bunday pulga yuqori sifatli eshitish vositalarini sotib olish mumkinmi? Ma'lum bo'lishicha, ha. Va nutq ...

Mobil qurilmaning asosiy kamerasi odatda tananing orqa tomonida joylashgan bo'lib, fotosuratlar va videolarni olish uchun ishlatiladi

Mobil qurilmaning asosiy kamerasi odatda tananing orqa tomonida joylashgan bo'lib, fotosuratlar va videolarni olish uchun ishlatiladi

Yaxshilangan xarakteristikalar va yuqori avtonomiyaga ega planshetning yangilangan versiyasi.Acer smartfonlariga kamdan-kam tashrif buyuradi...

Raqamingizni saqlab qolgan holda boshqa operatorga qanday o'tish mumkin

Raqamingizni saqlab qolgan holda boshqa operatorga qanday o'tish mumkin

Rossiyada 1 dekabrdan boshlab abonent boshqa uyali aloqa operatoriga o‘tganda telefon raqamini saqlab qolish to‘g‘risidagi qonun kuchga kirdi. Biroq, ma'lum bo'lishicha, ...

phabletni ko'rib chiqish, qimmat, lekin juda malakali

phabletni ko'rib chiqish, qimmat, lekin juda malakali

Qimmatbaho, lekin juda malakali fablet sharhi 20.03.2015 Men dunyodagi etiksiz yagona poyabzalchiman, o'z smartfonimsiz smartfon sharhlovchisiman....
tasma tasviri RSS