Faol reklama tizimlari ramka yoki iframe. iFrame nima? Veb-tahlil va ramkali sahifa
12/15/16 7K
Element
Ramkalar
Nima qiladi
HTML sahifaga sahifani qanday kiritish kerak? Buning uchun siz foydalanishingiz kerak
Displey
Displey bloki.
Misol kod
Kuchli, ammo foydalanish oson
Qadimgi yomon kunlarda veb-dizayn juda ko'p edi har bir ishlab chiquvchining hayotini buzadigan elementlar. Ular deyarli har doim yomon dizayn yondashuvi edi. Yaxshiyamki, element HTML5 da eskirgan. Lekin
O'xshashlik va farqlar
Ushbu elementlarning ikkalasi ham alohida HTML hujjatini yaratishga imkon beradi. Joriy veb-sahifa tomonidan havola qilingan hujjat mazmuniga havola src atributida ko'rsatilgan.
O'rtasidagi asosiy farq
Video aniq HTML sahifasida va alohida panelda emas. element ushbu paradigmani buzdi va hujjatga brauzer oynasi ustidan nazoratni amalga oshirishga imkon berdi, uni bir nechta kichik panellarga (ramkalarga) ajratdi, ularning har biri alohida hujjatni aks ettiradi. O'rtasidagi boshqa barcha farqlar va bu asosiy farqdan kelib chiqadi.
Iframe-lar yordamida ramkaga asoslangan tartiblarni o'zgartirmang
Bir kun kelib siz ramkalar yordamida qurilgan eski veb-saytni yangilash vazifasiga duch kelishingiz mumkin. Foydalanishni xohlashingiz mumkin va mustaqil panellar va yonbag'irlarning bir xil dahshatli tushini qayta yaratish uchun belgilangan tartib kengligi. Lekin siz alohida ramkada havolani ochish uchun maqsad atributidan foydalana olmaysiz. Siz JavaScript yechimlarini qidirishni boshlashingiz mumkin. Iltimos, qilmang.
Yaxshi (va dahshatli) foydalanish
Bir nechta to'g'ri foydalanish holatlari mavjud HTML sahifa yaratish uchun:
uchinchi tomon media kontentini joylashtirish;
o'z media kontentingizni platformalararo hujjat orqali joylashtirish;
joylashtirish kodlari misollari;
uchinchi tomon "appletlarini" to'lov shakllari sifatida joylashtirish.
Bu erda ba'zi dahshatli foydalanish holatlari mavjud: :
Fotogalereya;
forum yoki chat.
Agar siz mustaqil, oldindan mavjud bo'lgan HTML hujjatlarini joriy hujjatga joylashtirishingiz kerak bo'lsa, foydalaning . Agar siz hamma narsani noldan qurayotgan bo'lsangiz, sahifa dizaynini bir nechta alohida hujjatlarga bo'lish uchun hech qanday sabab yo'q. Ayniqsa, agar ular mustaqil tarkib bo'lmasa.
iframe atributlari
Atribut nomi
Ma'nosi
Tavsif
qum qutisi
Ruxsat - bir xil kelib chiqishi Yuqori navigatsiyaga ruxsat berish Ruxsat berish shakllari Skriptlarga ruxsat berish
Kadrga yuklangan tarkibga bir qator cheklovlar o'rnatadi. Oldin sozlang HTML sahifani qanday yaratish kerak.
aylantirish
ha avtomatik yo'q
Kadrda varaqlarni ko'rsatish yoki ko'rsatmaslikni aniqlaydi. HTML5 da eskirgan. Buning o'rniga CSS dan foydalaning.
Ism
Ism
Ramka nomini belgilaydi.
Tegishlash
chap o'ng yuqori o'rta pastki
Atrofdagi elementlarga nisbatan ramkaning tekislanishini aniqlaydi. Eskirgan. Buning o'rniga CSS dan foydalaning.
ramka chegarasi
ha (yoki 1) yo'q
Ramka atrofidagi chegarani ko'rsatishni yoqish uchun foydalaniladi. HTML5 da eskirgan. Buning o'rniga CSS dan foydalaning.
longdesc
URL
Ramka mazmunining uzun tavsifini o'z ichiga olgan sahifaning URL manzilini belgilash uchun foydalaniladi. Eskirgan. Buning o'rniga CSS dan foydalaning.
chegara kengligi
piksellar
Tarkibdan ramka chegarasigacha bo'lgan plomba kengligini boshqarish uchun ishlatiladi. Eskirgan. Buning o'rniga CSS dan foydalaning.
src
URL
IFRAME da ko'rsatiladigan hujjat URL manzilini belgilaydi.
vspace
piksellar
Kadrdan atrofdagi tarkibga vertikal chegaralarni o'rnatadi. Eskirgan. Buning o'rniga CSS dan foydalaning.
kengligi
piksel %
HTML sahifadagi ramka kengligini belgilaydi.
Ushbu nashr "maqolaning tarjimasi" ", do'stona loyiha jamoasi tomonidan tayyorlangan
Affiliate Iframe - bu sizning saytingiz ko'rinishiga hech qanday ta'sir qilmaydigan reklama turi. Ya'ni, bannerlar, qalqib chiquvchi oynalar yoki boshqa bezovta qiluvchi oynaga tashrif buyuruvchilar bo'lmaydi. Saytingizga tashrif buyuruvchilar uchun sizga aniq haq to'lanadi. Shunga ko'ra, davomat yuqori bo'lishi maqsadga muvofiqdir. Daromad, shuningdek, tashrif buyuruvchining sizga kelgan joyiga bog'liq (qidiruv tizimlari, xatcho'plar va boshqalar). Albatta, maqsadli tashrif buyuruvchilar, ya'ni qidiruv tizimlaridan kelganlar eng yaxshi pul to'laydilar. Shuningdek, tashrif buyuruvchi qaysi davlatdan kelganligi ham rol o'ynaydi.
Keling, ushbu turdagi reklamaning ijobiy va salbiy tomonlarini ko'rib chiqaylik:
Taroziga:
O'rnatish oson. Siz shunchaki saytning barcha (yoki hammasi emas) sahifalarida sheriklik kodini o'rnatishingiz kerak.
Passiv daromad. Ya'ni, saytingizga tashrif buyurgan har bir foydalanuvchi uchun pul o'tkaziladi va siz hech narsa qilishingiz shart emas.
Hech qanday bezovta qiluvchi bannerlar yoki .
Ko'pincha, har qanday sayt qabul qilinadi.
Ular ATS, avtoserfing, aks qutilari va boshqalardan trafikni qabul qiladilar.
Yo'naltiruvchi dastur.
Kamchiliklari:
Viruslar. Ba'zi sho''ba iframe'lari (ayniqsa, reklama beruvchi saytlari) viruslarni o'z ichiga oladi, lekin ko'pincha siz o'zingizning sheriklik hisobingizdan virusli saytni taqiqlashingiz mumkin.
Qayta yo'naltirishlar. Ba'zida porno saytlarga yo'naltirishlar sodir bo'ladi.
iframe filiallari ro'yxati:
- bu turdagi eng qadimgi hamkorlik dasturi va eng yaxshisi. Virusli saytlarni taqiqlashingiz mumkin. Bundan tashqari, yangi sayt qo'shganda, "Mening saytimda moderatorlar tomonidan tasdiqlanmagan resurslarni joylashtirish" katagiga belgi qo'ymaslikni maslahat beraman. Daromad kamroq bo'ladi, lekin viruslar bo'lmaydi, garchi sizning saytingiz faqat pul ishlash uchun yaratilgan bo'lsa, unda daromadni oshirish yaxshiroqdir. Har 1000 ta noyob tashrif uchun trafik narxi 0,50 - 0,70 dollarni tashkil qiladi. Har qanday saytlar qabul qilinadi. Men boshqa shunga o'xshash sheriklik dasturlariga nisbatan asosiy afzalligi so'rov bo'yicha darhol to'lovlar deb hisoblayman, ya'ni siz shunchaki to'lovga buyurtma berishingiz kerak (eng kam ish haqi yo'q) va u bir daqiqa ichida keladi.
— iframe reklamasidan tashqari, boshqa formatlar ham mavjud, masalan, popunder. To'lov: clickunder - 1000 ta noyob o'tish uchun 1wmz (Xitoydan tashqari barcha mamlakatlar), popunder - Rossiyadan 1000 ta noyob o'tish uchun 3wmz va boshqa mamlakatlar uchun 0,8wmz, yashirin o'tishlar - 1wmz (Xitoydan tashqari barcha) va iframe - 1000 ta 0,5-1,5wmz tashrif buyuruvchilar (narxni sozlash mumkin). Pul olish uchun minimal miqdor 48 soat ichida so'rov bo'yicha 3wmz. Avtomatik to'lovlar xuddi shunday ishlaydi. Yo'naltiruvchi dastur - 5%. Tizimda ICQ roboti (88-25-28) mavjud bo'lib, u sizga statistikangiz, o'tishlaringiz va hokazolar haqida ma'lumot beradi.
- eski iframe hamkorlik dasturi. Ular trafik sifati va veb-ustalar faoliyatiga juda jiddiy munosabatda bo'lishadi. Agar siz faol bo'lmasangiz, hisobingiz o'chirilishi mumkin. Saytingiz qabul qilinishi uchun trafik kuniga kamida 100 ta tashrif buyuruvchi bo'lishi kerak. Minimal to'lov miqdori - $1. 1000 noyob uchun to'lov - Rossiyadan 0,7$, Ukrainadan 0,3$, Belarusdan 0,25$, boshqa 0,05$.
Shaxsan men iframe affiliate dasturlari bilan hamkorlik qilmayman, lekin bu yangi boshlanuvchilar uchun to'g'ri.
Salom, aziz blog o'quvchilari. Bugun biz HTML tilidagi ramkalar haqida gaplashamiz. Biz boshidan boshlashimiz aniq, ya'ni bu qanday hayvon. Shuningdek, biz ushbu elementlarning hozirgi (Frame) va kelajagi (Iframe) haqida gipermatn belgilash tilining joriy versiyasida va yangi Html 5 standartida gaplashamiz.
Maqolaning oxirida, Html kodida o'rnatilgan ramkalar va ularning klassik tuzilishini yaratish jarayonining batafsil tavsifidan so'ng (allaqachon kamdan-kam qo'llaniladi), biz ularda sayt yaratishning dolzarbligiga to'xtalamiz, shuningdek, mumkin bo'lgan narsalarni muhokama qilamiz. Mening blogim misolidan foydalanib, ularni hozirgi davrda ishlatish usullari.
Bu nima va Iframe ramkadan qanday farq qiladi?
Bu nima? Ma'lum bo'lishicha, ular nafaqat veb-saytlarda, balki dasturlarning har qanday ilovalarida ham qo'llanilishi mumkin, ammo ular veb-sahifa yoki dastur oynasi bir nechta sohalarga bo'linishi bilan farq qiladi, ularning har biriga alohida hujjat yuklanadi. . Bundan tashqari, ushbu ramka joylari bir-biridan mustaqil ravishda harakat qiladi.
Ehtimol, deyarli barchangiz duch kelgan ulardan foydalanishning eng aniq misoli - bu sizning kompyuteringizda o'rnatilgan ko'plab dasturlarda mavjud bo'lgan yordam fayllari.
Yordam menyusi bo'lgan fayl chap oynaga yuklanadi va o'ng oynada tanlangan menyu bandiga mos keladigan hujjat ko'rsatiladi. Shunisi e'tiborga loyiqki, ushbu tuzilma o'ngdagi yangi hujjatni ochishda menyu bilan faylni chap oynaga qayta yuklamaslikka imkon beradi. Aynan shu narsadan iborat ramkalardan foydalanishning asosiy afzalligi HTMLda.
Aslida, ushbu elementlarning nomi mustaqil oyna sifatida talqin qilinishi kerak. Ramkalar yordamida biz bitta katta oynani bir nechta bo'laklarga bo'lish imkoniyatiga egamiz, bu esa o'z navbatida bir-biridan mustaqil bo'lgan alohida hujjatlar (sahifalar, matnlar, tasvirlar, videolar va boshqalar) uchun qabul qiluvchi bo'lib xizmat qilishi mumkin.
Gipermatnni belgilash tilida ramka tuzilishi qanday yaratilgan? Agar hozirgi vaqtda asosiy bo'lgan Html 4.01 standarti (klassifikatsiya bo'yicha) haqida gapiradigan bo'lsak, buning uchun uchta element ishlatiladi - Frame, Frameset va Noframes.
Iframe - Html 5 standartida o'rnatilgan ramka
Agar biz Html 5 standarti haqida gapiradigan bo'lsak (bizning kelajagimiz, uning ba'zi elementlari ko'plab brauzerlar tomonidan qo'llab-quvvatlanadi), unda Frame, Frameset va Noframes teglari, shuningdek klassik ramka tuzilishi bo'lmaydi; buning o'rniga bitta bo'ladi. bitta Iframe yorlig'i (ko'milgan ramka) , bu haqda biz boshida gaplashamiz, keyin esa hozirda amalda bo'lgan 4.01 versiyasidan klassik sxemaga e'tibor qaratamiz.
Iframe, quyida muhokama qilingan klassikalardan farqli o'laroq, Body tegini Frameset teglari bilan almashtirishni talab qilmaydi. Bular. bu teg oddiy sahifalarga, masalan, xatboshi ichiga yoki boshqa har qanday joyga kiritilishi mumkin. Asosiysi, bu element biz allaqachon ko'rib chiqqan Img tegiga juda o'xshaydi.
Bu o'zgartirilishi mumkin bo'lgan tarkibga ega bo'lgan inline element, chunki u xuddi ichki element kabi ishlaydi, lekin u ko'rsatadi begona tashqi tarkib. HTML tilida faqat to'rtta shunday element mavjud - Img, Iframe, Ob'ekt va Embed. Shuning uchun, bizning qahramonimiz hajmi ushbu tegning atributlari yordamida o'rnatiladigan maydonga yuklanadigan tashqi fayl mavjudligini nazarda tutadi.
Bu. Iframe tashqi ob'ekt (masalan, video) yuklanadigan cho'milish elementidir. Va sahifaga yuklanishi kerak bo'lgan ushbu faylga yo'lni ko'rsatish uchun maxsus Src atributidan foydalaning. Lekin Img dan farqli o'laroq, Iframe elementi juftlangan, ya'ni. yopilish belgisi ham mavjud:
Ushbu misol Iframe yordamida Youtube video sahifasida chiqishni ko'rsatadi. Tashqi fayl yuklanadigan ramka (oyna) maydonini cheklash uchun atributlar taqdim etiladi. Kenglik va balandlik, ularning qiymatlari piksellarda ko'rsatilgan:
Bular. bu teg ba'zi tashqi ob'ektlar yuklanadigan maydonni yaratadi (u sizning saytingizdanmi yoki boshqa manbadanmi muhim emas). Hududning kengligi va balandligi Width va Height yordamida belgilanadi va Src atributi ushbu ob'ektga yo'lni belgilaydi.
Iframe elementi ushbu atributlarning barchasini almashtirilgan tarkibga ega o'xshash ichki teglardan meros qilib oldi (masalan, yuqorida aytib o'tilgan Img). Xo'sh, u rasmlardan atributlarni ham oldi Hspace va Vspace, bu sizga ramka chegaralaridan uning atrofidagi matnga chekinishlarni o'rnatish imkonini beradi.
O'rnatilgan ramkani tekislash Html-da tasvirlarni o'rganayotganda ko'rganimizdek amalga oshirilishi ham muhimdir. Hammasi bir xil Tegishlash, lekin mumkin bo'lgan qiymatlarga ega Iframe yorlig'i uchun Pastki, Yuqori, O'rta, Chap va O'ng.
Ammo bu element, shuningdek, klassik ramka tuzilishidan Frame tegidan bir nechta atributlarni oldi, biz quyida matnda batafsil gaplashamiz. Ushbu atributlar nomini o'z ichiga oladi, uning qiymati qiymat sifatida ishlatilishi mumkin, shunda havolani bosganingizda kerakli hujjat ushbu ramka oynasida ochiladi (quyida batafsilroq o'qing).
Shuningdek, Iframe-da Frameborder atributi faqat ikkita qiymatga ega bo'lgan Frame tegidan ko'chirildi - 0 (ramka atrofidagi ramka ko'rsatilmaydi) yoki 1 (ramka ko'rinadi). Standart qiymat Frameborder=1, shuning uchun uni olib tashlash uchun siz Frameborder="0" ni kiritishingiz kerak bo'ladi:
Scrolling atributi ham Frame dan ushbu elementga o‘tkazildi, uning standart qiymati Avtomatik - kontent uni ko‘rsatish uchun mo‘ljallangan oynaning o‘lchamidan kattaroq bo‘lganda freymdagi aylantirish satrlari kerak bo‘lganda paydo bo‘ladi.
Xo'sh, Marginwidth va Marginheight atributlari ham Frame elementidan ko'chirildi. Ular matnda quyida batafsil ko'rib chiqiladi, ammo qisqacha - ular ramkaning chetidan undagi tarkibga qadar kenglik va balandlikdagi chekinishni o'rnatishga imkon beradi.
Yuqorida aytib o'tganimdek, Iframe-dan foydalanishning aniq misoli:
Iframe-ni to'g'ridan-to'g'ri veb-sahifaga kiritish orqali siz YouTube-dan videoning chiqishini olasiz. Biz ushbu element almashtirilgan tarkibga ega bo'lgan ichki elementlar va aslida klassik ramkalar o'rtasidagi xoch degan xulosaga keldik, biz hozir muhokama qilamiz.
Frame va Frameset teglari asosidagi ramkalar - ularning tuzilishi
Shunday qilib, klassik ramka tuzilishini yaratish, odatda har qanday hujjatda bo'lishi kerak bo'lgan ochilish va yopish Tana tegining o'rniga Html kodini yozishingizdan boshlanadi va uni elementga asoslangan konteyner bilan almashtirasiz. Frameset.
Asosiy nuqta shundaki, bu holda Tana elementidan foydalanib bo'lmaydi - Body (oddiy hujjat uchun) yoki Frameset (hujjat ramka tuzilishini yaratishda):
Asosiy ichida biz yaratadigan har bir ramka alohida element yordamida yaratilgan Ramka. Bu teg bitta va unda biz ushbu oynaga yuklanadigan hujjatga yo'lni o'rnatamiz.
Biz hali to'xtalmagan uchinchi element Nofreymlar. U bog'langan va ichiga matn yozish imkonini beradi, u brauzer tomonidan qayta ishlanadi va veb-sahifada ko'rsatiladi, agar xuddi shu brauzer (yoki boshqa displey qurilmasi) ramkalarni qo'llab-quvvatlamasa. Bu, masalan, mobil qurilmalar uchun brauzerdan foydalansangiz sodir bo'lishi mumkin.
Odatda Noframes-da ular nafaqat ramka tuzilishini qayta ishlashning mumkin emasligi bilan bog'liq mavjud vaziyat haqida ma'lumotni qo'shibgina qolmay, balki ularni ishlatmasdan ishlashni davom ettirishingiz mumkin bo'lgan boshqa sahifalarga o'tish imkoniyatini ham qo'shadilar. U haqida boshqa biror narsa deyish qiyin, keling, davom etaylik.
Ma’lum bo‘lishicha, Body tegi o‘rniga ishlatiladigan Frameset elementi ko‘rish maydoni uchun ajratilgan barcha joyni egallaydi va bu maydon ichida alohida Frame elementlari yordamida freymlar yaratiladi. Shu munosabat bilan savol tug'iladi - ko'rish maydonini alohida oynalar o'rtasida qanday ajratish yoki boshqacha qilib aytganda, ularning har birining o'lchamini qanday belgilash kerak.
Bu Frameset elementiga tegishli atributlarni qo'shish orqali amalga oshiriladi. Ulardan ikkitasi bor - Collar va qatorlar. Cols katta oynaning vertikal ramkalar yoki ustunlarga bo'linishini o'rnatadi, Rows esa uni gorizontal oyna yoki qatorlarga bo'lish imkonini beradi.
Frameset va uning Cols va Rows atributlari asosida tuzilma yaratish
Html Frameset tegining Cols va Rows qiymatlari vergul bilan ajratilgan raqamlardir (bo'shliqlarsiz). Bu raqamlar biz natijada olishni istagan oynalarning nisbatlarini belgilaydi. Shuning uchun, Cols yoki Rows-da qancha vergul bilan ajratilgan raqamlar yozilmasin, bizda mavjud bo'lgan ramkalar soni natija bo'ladi.
Masalan, ushbu belgidan foydalanib, biz kengligi 2: 5: 3 nisbatga mos keladigan uchta vertikal ustunni olamiz.