Tongda veb-sayt veb-saytida sahifalardagi alohida qismlarni ko'rsatish uchun ramkadan keng qo'llaniladi. Ammo HTML 5-ning yangi versiyasining kelishi bilan hamma narsa o'zgardi. Belgilarning elementlari<ramka.>, <freymet.\u003e I.<nUFrammalar.\u003e Eskirgan. Yagona yorliq almashtirildi -<iFRAME.\u003e. HTML-ga qanday qo'shish kerak
Ramka nima?
Freym - birinchi veb-sahifalarning aksariyatining asosi. Agar siz tom ma'noda tarjima qilsangiz, bu so'z "freym" degan ma'noni anglatadi, ya'ni ramka brauzerdagi sahifaning kichik qismidir. O'tmishda ramkalardan keng foydalanish, Internet-trafikning past sifatli va yuqori narxi bilan izohlanishi mumkin. Qoida tariqasida, sayt 3-5 qismga bo'lingan, ularning har biri ma'lum maqsadga erishgan:
- "CAP" (sahifaning kengligi ustidagi yuqori ramz) - resurs nomini ko'rsating;
- chap / o'ng "shisha" - menyuni aks ettirish;
- markaziy ramka - sayt tarkibini namoyish etish.
Ushbu qismdagi sahifaning parchalanishi uni yangilashda faqat ba'zi qismga ruxsat berdi. Masalan, foydalanuvchi menyu elementini bosdi va markaziy ramkaga yangi tarkib in'ektsiya qilindi.
HTML 5 dagi zamonaviy ramkalar
Nega HTML-da kerak<iFRAME.\u003e? Bunga misol - uchinchi tomon resursi tarkibini kiritish. Veb-ishlab chiqaruvchi xaritada ob'ektning pozitsiyasini ko'rsatishni istagan holatlar klassikmi. Qanday bo'lish kerak? Reblekt hududini noldan rejalashtirasizmi? Yo'q - oddiy echim bor: Google xarit elchisini, Yandex xaritalari yoki 2Gis sahifasini yaratdi. Vazifa to'rtta harakatda hal qilinadi.
- Har qanday kartografik xizmatning saytiga borishingiz kerak.
- Kerakli ob'ektni toping. Aniq manzilni bilish, uni qidirish oynasida kiritishingiz mumkin.
- "Saqlash va kodni olish" tugmachasini ("Yandex.cart" uchun ("Yandex.cart" uchun (Google xaritalar uchun) ishlating (Google xaritalar uchun) kiritish uchun kodni oling.
- Har bir sahifada yaratilgan belgi teglarini kiritish.
Bundan tashqari, siz xarita hajmini tanlashingiz va boshqa displey variantlarini tanlashingiz mumkin.
HTML-da yana qanday foydalanishingiz mumkin<iFRAME\u003e? Misol - YouTube resursidan video materiallarni kiritish. Multimedia Technology Internet foydalanuvchilarini jalb qiladi, shuning uchun video tarkib juda mashhur. Rolikli o'rnatish bilan ishlab chiqaruvchi tezda tezda g'alaba qozonadi.
- O'zingizning videongizni YouTube-da yuklab olishingiz yoki efirga uchinchi tomonli faylni topishingiz kerak.
- "HTML Code" tugmachasini tanlash orqali yorliq oling
- Yakuniy harakatlar - qo'shish
Ikkala misollarda ikkala misolda kodning avtomatik shakllanishi ishlatilgan, ammo professional ishlab chiqaruvchilar uni yozishlari kerak. Birinchidan, bu ularga sahifa tartibini aniqlash va agar kerak bo'lsa, uni o'zgartirishga imkon beradi. Ikkinchidan, har doim sayt elementlarining belgisi emas (ular tashqi resursga tegishli bo'lsa ham) veb-ustaning ishtirokisiz shakllangan. Bu erda va ishlab chiqaruvchining yuqori malakasi namoyon bo'ladi.
Sintaksis
Shunday qilib, sahifaning tartibini amalga oshirishdan oldin, iframm tegini (HTML) ko'rib chiqish kerak: nima va uni to'g'ri ishlatish kerak.
Avvalo, ta'kidlash kerakki, yorliq juftlashadi. Ochilish va yopilish elementlari o'rtasida markirovkalarning ushbu elementini qo'llab-quvvatlamaydigan brauzerlarda ko'rsatiladigan tarkibni ko'rsatadi. Asosiy atributlar teg:
- kenglik (kengligi);
- balandligi (balandligi);
- sRC (yuklab olinadigan resursning manzili);
- tekislang (moslash usuli);
- fitna;
- ruxsatsizs ekrin.
Shunday qilib, kod qabul qilindi
Yuqoridagi rejimda u sayt manzilini boshqalarga almashtirish kifoya qiladi va agar kerak bo'lsa, ramka hajmini rostlang.
Freymlar bilan bo'lgan saytlar kamroq bo'lsa ham, HTMLni o'rganish ramkalar mavzusini ko'rib chiqmasdan to'liq bo'lmaydi. Bundan tashqari, ba'zi ma'noda freymlar o'z vazifalarini olib, ma'muriyat va ma'lumot tizimlariga murojaat qilishdi. Qaerda ramkalarning etishmasligi juda katta ahamiyatga ega emas va aksincha afzalliklari faoldir.
Freymdan ishlatiladigan yorliq yaratish
- pastga tushingMisolga qarang, keyin nima uchun besh deraza bilan yo'lni tanlaganimni tushuntirib beraman
freuma
Xo'sh, nima uchun beshta deraza? Esimda men allaqachon monitorlardagi turli xil foydalanuvchilarning turli xil ruxsatnomalar o'rnatilganligi haqida allaqachon yozdim, shunga muvofiq bizning saytimiz turli xil ekranlardagi turli xil usullar bilan bog'liq .. Va biz barcha o'lchamlarimiz bo'lmasa Ushbu foydalanuvchilar uchun "suzish" deb nomlangan rasmlar, matnlar, jadvallar, bu kuzatuvchilarning ruxsati siznikidan farq qiladigan ruxsat. Saytni stol yordamida urganimizda, ma'lum bir kenglik va balandlikning ushbu jadvalining ushbu jadvalining ushbu jadvalining mukofotidan foydalanib, u freymlar bilan bajarilishi mumkin emas .. Agar siz ramkalarning kengligini ko'rsatsangiz ham Foizlar, lekin pikselda, oxirgi ustun brauzer oynasining qolgan qismini va shu jumladan "tovar paydo bo'lishini" yo'qotadi. Xo'sh, qanday bo'lish kerak? Siz kichik hiyla-nayranglarga borishingiz kerak .. Belgilangan 800 pikselni belgilab qo'ydik. Biz dekoratsiyani bajarishda bir marta uning kengligini aniqladik va o'lchamdagi birinchi va uchinchi ustunlar Markaziy ustunni to'xtatib qo'ygan "Springs" ning roli. Shunday qilib, kichik monitorli rezolyutsiyalar tor bo'ladi, shuning uchun katta rezolyutsion odamlar juda keng bo'ladi va shunda markaziy ustun zarar ko'rmaydi va endi biz qila olamiz Har qanday ob'ektni unga to'g'ri majburiy ravishda majburiy ravishda majburiy ravishda majburiy ravishda majburlash bilan joylashtiring. Birinchi misolni taqqoslang, uchta derazalar va uchinchisi, ular beshtasi qaerda, bu juda yaxshimi?
Shunga ko'ra, biz ramkalarning joylashishi va o'lchamlari bilan tugatamiz .. Va bu erda uzoq vaqt davom etar edi .. biz bundan keyin boramiz.
Biz freymlarni toza ko'rinishda beramiz.
Oxirgisimiz, bizning misolimiz - bu birinchi navbatda, bu sizning joyingiz kerak bo'lgan va kerak bo'lmagan joyda aylanib yurishning bir guruhidir, ular sizga kerak bo'lgan va kerak emas, siz ketishingiz mumkin atribut yordamida amalga oshiriladigan narsa aylantirish -
, Bu uchta ma'nodan biriga ega bo'lishi mumkin:
- yo'q
- ha - har doim namoyon
- avtomatik.
freuma
aylantirish \u003d "yo'q">
aylantirish \u003d "yo'q" >
aylantirish \u003d "yo'q">
Freymlar yoki boshqa usulda ramka chegaralaridan matnga yoki rasmda bo'lgan masofa, bizning ishimizdagi kabi, fikselsdan foydalangan holda pikselda o'rnatiladi marjevid. va marjaj Yorliq
freuma
marjawidt \u003d "0" 0 "0" 0 "0">
marjwidth \u003d "10" 10 "10" 10 "marjhaytight \u003d" 10 ">
Keling, bizning freymlarimiz atrofida bir oz gaplashaylik.
Agar siz freym doirasidagi ramkani ko'rishning so'nggi namunasida e'tiborni tortsangiz, unda siz boshqa turdagi (qo'lga olish va ko'chirish) va endi ushbu chegara chap sichqoncha tugmachasi bilan hech qanday tomonga tortib olishingiz mumkin. Ba'zida bunday "harakatchanlik" ramkalar veb-ustaning qo'lini o'ynaydi, ammo u hali ham tez-tez aralashadi .. Foydalanuvchi yorliq uchun derazalar hajmida o'ynashni taqiqlash uchun
Atributni ixtiro qildi bezamoq
freuma
bezamoq>
bezamoq>
bezamoq>
bezamoq>
bezamoq>
Ammo uzoq vaqt davomida biz tanish atribut chegara. Urg'ular orasidagi eng ko'p freymlarning pikslarida kengligini o'rnatadi .. u yorliqda yozilgan
. Avvalgidek chegara \u003d "0" Umuman bizni doiradan qutqaradi.
freuma
chegara \u003d "0">
chegara \u003d "0">
chegara \u003d "0">
Ramkalar va havolalar.
Bizning saytimizni o'zgartirish vaqti keldi, ha, bu bizga oddiy havolani tanish deb biladi Italiyadagi qozondagi loviya U ushbu hujjatda joylashgan bir xil freydda, bizning holatda to'g'ridan-to'g'ri tarkibda, shuningdek ushbu havolaga o'tish davrida kontentning o'zi mavjud bo'lmagan joyda oqmaydi .. Siz qarashingiz mumkin yadro misol .. har qanday havolada bosing .. Bunga nima kerak bo'lgan brauzerni ko'rsatishingiz kerak, agar siz va haqiqat bo'lsa, siz va haqiqatni bajarishi kerak bo'lgan brauzerni ko'rsatish kerak uni bir xil freymda ochish kerak emas.
Esimda esimda, biz allaqachon tanishganimizni, atributlar bilan ism. - I ism. maqsad. - Maqsad, ular ramkalar bilan ishlashda ham qo'llaniladi, mexanizm biroz o'zgaradi va deyarli bir xil. Birinchi narsa - bu shaxsiy nomni tayinlash uchun biron bir hujjat ochmoqchi bo'lgan ramka.
shunga o'xshash:
ism \u003d "Osnoovnoe"\u003e Ismni hech kimga ixtiro qilishi mumkin .. Asosiysi unutish emas ..
Shunga o'xshash:
Maqsad \u003d "Osnoovnoe"\u003e Italiyadagi loviya
Xo'sh, menimcha, siz har qanday hujjatlarga murojaat qilishdan oldin, ularni yaratish kerak, deb tushuntirish kerak.
Misolni tekshiring:
Fayl indexi.html
freuma
ism \u003d "Osnoovnoe" marjawidth \u003d "10" 10 "10" MarjhHeight \u003d "10" Noreziz\u003e
Fayl menyu.html.
freuma
Menyu:
Maqsad \u003d "Osnoovnoe"\u003e Champganon sho'rva
Maqsad \u003d "Osnoovnoe"\u003e Italiyadagi loviya
Maqsad \u003d "Osnoovnoe"\u003e Avstraliya yozgi salatasi
... ... ...
Avvalgidek, hujjat alohida oynada ochilishi mumkin. Sizga eslatib qo'yay, yozadi:
Maqsad \u003d "_ bo'sh"\u003e Italiyadagi loviya
Yoki atributni tayinlash maqsad. qiymati _TOP. Uni bir xil brauzer oynasida oching, ammo butun ekranda .. "Qayta tiklash" ..
Maqsad \u003d "_ yuqori"\u003e Italiyadagi loviya
Bunday aylanish tugadi. Albatta, u hali ham u va ishlamoqda. Bundan tashqari, u navigatsiya saytining nuqtai nazaridan biroz boshqacha tuzilishga ega bo'ladi, u juda ko'p sahifaga, chiroyli bo'ladi Menyu, lekin kadr tuzilmasiga kelsak, men u bir xil bo'lib qoladi.
Suzuvchi freym
Ba'zida ramka tuzilmasi bo'lmagan sahifada boshqa HTML hujjat yoki hatto bir qator hujjatlarni qo'shish uchun alohida oynada kerak. Ushbu maqsadni bajarish uchun yorliq bor - suzuvchi ramka deb ataladi.
Ushbu tegda bir qator atributlar mavjud:
src - Ochiq sahifaga yo'lni ko'rsatuvchi majburiy atribut
kenglik - piksel yoki foizlardagi suzuvchi maydonning kengligi
balandlik - suzuvchi ramka balandligi
aylantirish - O'tish barini ko'rsatish
- yo'q - Hech qachon o'tish panelini ko'rsatmang,
- ha - har doim namoyon
- avtomatik. - Bu zarur bo'lgan voqeada ko'rsating.
hujum. - suzuvchi maydonni tekislash
- chapda qoldi. - chap
- to'g'ri - o'ngda
- tepasi. - yuqorida
- pastki - quyida
fitnachi. - suzuvchi ramka atrofida ramka mavjudligi
- 1
- Freymni yoqing
- 0
- Ramkani o'chiring
Hammasi birgalikda yozilgan.
Suzuvchi kadr hujjatining namunasi:
Suzuvchi freym
Suzuvchi freym
Ushbu sahifa "suzuvchi ramka" deb nomlangan.
Alohida oynada u boshqa HTML hujjatini ko'rsatish ochiladi.
… … …
NUFrammalar.
Ba'zi brauzerlar hujjatning asos tuzog'ini qo'llab-quvvatlamaydi, qo'shimcha ravishda, ko'pincha foydalanuvchilari brauzerlari sozlamalarida ataylab HTML hujjatining qo'llab-quvvatlash doirasini ataylab o'chirishadi. Va bunday brauzerlar va foydalanuvchilarning foizi kichik bo'lsa-da, lekin shunga qaramay ular.
Endi siz saytingizni ramka tuzilishi yordamida qurganingizni tasavvur qiling va ba'zi mehmonlar, bu sizning saytingizni ochishga harakat qilmaslik va ularning brauzeri xato qiladi! Ular sizning saytingiz haqida nima deb o'ylashadi? O'ylaymanki, "fu .. ba'zi bema'nilik .. endi bu erga kelmaydi!".
Foydalanuvchi yoki brauzerini sozlash uning freymlarini qo'llab-quvvatlamasligini tushuntirish uchun yorliq mavjud
.
Yorliq
Agar foydalanuvchi brauzeri ramkalarni qo'llab-quvvatlamasa yoki ularni majburan o'chirilsa, unga ilova qilingan matnni ko'rsatadi. Agar ramkalar foydalanuvchi brauzeri tomonidan qo'llab-quvvatlansa, unda bu teg shunchaki e'tiborsiz qoldiriladi.
freuma
Kechirasiz, lekin sizning brauzeringiz ramkalarni qo'llab-quvvatlamaydi ..
Misol natijasi sezilarli bo'ladi, agar sizning brauzeringiz ramkalarni qo'llab-quvvatlamasa (bu erda men uzoq o'ylayapman, agar siz ushbu bobni o'qib chiqsangiz ham, siz brauzeringizdagi freymlarni tajriba sifatida o'chirib qo'yasiz .
Yorliq
Yorliq ichida joylashgan bo'lishi kerak
Suzuvchi ramka hali ham sodda, u siz bilan kerakli matnni yozish kifoya
Agar brauzer ramkalarni qo'llab-quvvatlamasa, ushbu yozuv ekranda ko'rsatiladi.
Foim tuzumi yordamida sahifani yaratishni boshlashdan oldin, ularning tartibini tahlil qiling, ulardagi o'ramli guruhlarning o'lchamlari va boshqalar. Siz ulangan HTML fayllarining mavjudligi yoki yo'qligi va boshqalar, ayniqsa o'zaro bog'liqlik uchun ularni boshdan kechirishingiz mumkin emas bir-birlariga nisbatan joylashgan joylashuv ..
Yorliqdan foydalaning
. Agar sayt sizning brauzeringizda ishlaydigan va boshqa foydalanuvchilar haqida o'ylaganingizdek ko'rsatiladi, chunki narsalar boshqacha duch kelishi mumkin!