Aktyvios reklamos sistemos rėmelis arba iframe. Kas yra iFrame? Žiniatinklio analizė ir įrėmintas puslapis
12/15/16 7 tūkst
Elementas
Rėmeliai
Ką tai daro
Kaip įterpti puslapį į HTML puslapį? Norėdami tai padaryti, turite naudoti
Ekranas
Ekrano blokas.
Kodo pavyzdys
Galingas, bet paprastas naudoti
Senais blogais laikais buvo daug interneto dizaino elementai, gadinantys kiekvieno kūrėjo gyvenimą. Jie beveik visada buvo netinkamas dizaino metodas. Laimei, elementas HTML5 nebenaudojamas. Bet
Panašumai ir skirtumai
Abu šie elementai leidžia sukurti atskirą HTML dokumentą. Nuoroda į dabartinio tinklalapio nurodomo dokumento turinį nurodoma atribute src.
Pagrindinis skirtumas tarp
Vaizdo įrašas aiškiai yra HTML puslapyje, o ne atskirame skydelyje. elementas sulaužė šią paradigmą ir leido dokumentui valdyti naršyklės langą, suskaidydamas jį į keletą mažų skydelių (rėmelių), kurių kiekvienoje rodomas atskiras dokumentas. Visi kiti skirtumai tarp šio pagrindinio skirtumo ir išplaukia iš jo.
Kada nors jums gali tekti atnaujinti seną svetainę, kuri buvo sukurta naudojant rėmelius. Galbūt norėsite naudoti ir fiksuotas išdėstymo plotis, kad atkurtumėte tą patį nepriklausomų plokščių ir slenksčių košmarą. Tačiau negalėsite naudoti tikslinio atributo nuorodai atidaryti atskirame rėmelyje. Galite pradėti ieškoti JavaScript sprendimų. Prašau, nedaryk to.
Geras (ir baisus) naudojimas
Yra keletas tinkamų naudojimo atvejų Norėdami sukurti HTML puslapį:
trečiųjų šalių žiniasklaidos turinio įterpimas;
savo medijos turinio įterpimas į kelių platformų dokumentą;
įterpimo kodo pavyzdžiai;
trečiųjų šalių programėlių įterpimas kaip mokėjimo formos.
Štai keletas baisių naudojimo atvejų: :
Nuotraukų galerija;
forumas arba pokalbis.
Jei reikia įterpti nepriklausomus, jau egzistuojančius HTML dokumentus į dabartinį, naudokite . Jei kuriate viską nuo nulio, nėra jokios priežasties padalinti puslapio dizainą į kelis atskirus dokumentus. Ypač jei jie iš tikrųjų nėra savarankiški turinio elementai.
iframe atributai
Atributo pavadinimas
Reikšmė
apibūdinimas
smėlio dėžė
Leisti-tos pačios kilmės Leisti naršymą viršuje Leidžia-formos Leisti scenarijus
Nustato daugybę apribojimų į kadrą įkeliamam turiniui. Nustatykite anksčiau kaip sukurti HTML puslapį.
slinkimas
taip ne auto
Nustato, ar kadre rodyti slinkčius, ar ne. HTML5 nebenaudojamas. Vietoj to naudokite CSS.
vardas
vardas
Nurodo rėmelio pavadinimą.
Lygiuoti
kairėje dešinėje viršuje vidurinis dugnas
Nustato rėmo išlygiavimą aplinkinių elementų atžvilgiu. Yra pasenęs. Vietoj to naudokite CSS.
rėmo kraštinė
taip (arba 1) ne
Naudojamas norint įjungti rėmelio rėmelį. HTML5 nebenaudojamas. Vietoj to naudokite CSS.
longdesc
URL
Naudojamas puslapio, kuriame yra ilgas rėmelio turinio aprašymas, URL nurodyti. Yra pasenęs. Vietoj to naudokite CSS.
paraštės plotis
pikselių
Naudojamas norint valdyti užpildo plotį nuo turinio iki rėmelio kraštinės. Yra pasenęs. Vietoj to naudokite CSS.
src
URL
Nurodo dokumento URL, kuris turi būti rodomas IFRAME.
vspace
pikselių
Nustato vertikalias paraštes nuo rėmelio iki aplinkinio turinio. Yra pasenęs. Vietoj to naudokite CSS.
plotis
pikseliai %
Apibrėžia rėmelio plotį HTML puslapyje.
Šis leidinys yra straipsnio „ “, parengė draugiška projekto komanda
Filialo Iframe yra reklamos rūšis, kuri niekaip nedaro įtakos jūsų svetainės išvaizdai. Tai reiškia, kad nebus reklaminių antraščių, iššokančių langų ar kitų erzinančių langų lankytojų. Jums bus sumokėta būtent už jūsų svetainės lankytojus. Atitinkamai, pageidautina, kad lankomumas būtų didelis. Uždarbis taip pat priklauso nuo vietos, kur lankytojas atvyko pas jus (paieškos sistemos, žymės ir pan.). Žinoma, geriausiai moka tiksliniai lankytojai, tai yra tie, kurie atėjo iš paieškos sistemų. Tai taip pat vaidina svarbų vaidmenį, iš kurios šalies atvyko lankytojas.
Pažvelkime į šio tipo reklamos privalumus ir trūkumus:
Privalumai:
Lengva montuoti. Jums tereikia įdiegti filialo kodą visuose (arba ne visuose) svetainės puslapiuose.
Pasyvios pajamos. Tai reiškia, kad kiekvienam vartotojui, apsilankiusiam jūsų svetainėje, pinigai bus įskaityti ir jums nereikės nieko daryti.
Jokių erzinančių reklamjuosčių ar .
Dažniausiai priimama bet kuri svetainė.
Jie priima eismą iš ATS, autosurfingo, ašidėžių ir pan.
Kreipimosi programa.
Minusai:
Virusai. Kai kuriuose filialų iframe (ypač reklamuotojų svetainėse) yra virusų, tačiau dažniausiai galite uždrausti virusinę svetainę savo filialo paskyroje.
Peradresavimai. Kartais pasitaiko peradresavimų į pornografines svetaines.
„iframe“ filialų sąrašas:
- seniausia ir geriausia tokio tipo filialų programa. Galite uždrausti svetaines, kuriose yra virusų. Be to, pridedant naują svetainę patariu nežymėti laukelio „Skelbti išteklius mano svetainėje, kurių moderatoriai nepatvirtino“. Pajamos bus mažesnės, bet nebus virusų, nors jei jūsų svetainė buvo sukurta tik tam, kad užsidirbtumėte pinigų, tada geriau padidinti pajamas. Srauto kaina 0,50–0,70 USD už 1000 unikalių apsilankymų. Priimamos visos svetainės. Pagrindiniu pranašumu prieš kitas panašias affiliate programas laikau mokėjimą iš karto pagal pageidavimą, tai yra, tereikia užsisakyti įmoką (nėra minimalaus atlyginimo) ir ji ateis per vieną minutę.
— be iframe reklamos yra ir kitų formatų, pavyzdžiui, popunder. Mokėjimas: Clickunder - 1wmz už 1000 unikalių perėjimų (visos šalys, išskyrus Kiniją), popunder - 3wmz už 1000 unikalių perėjimų iš Rusijos ir 0,8wmz kitose šalyse, paslėpti perėjimai - 1wmz (visi išskyrus Kiniją) ir iframe - 0,5-1,5wmz 1000 lankytojų (kaina gali būti koreguojama). Minimali išėmimo suma yra 3wmz, pateikus prašymą per 48 valandas. Automatiniai išmokėjimai veikia taip pat. Siuntimo programa – 5 proc. Sistema turi ICQ robotą (88-25-28), kuris papasakos apie jūsų statistiką, perėjimus ir kt.
- sena „iframe“ filialo programa. Jie labai rimtai žiūri į srauto kokybę ir žiniatinklio valdytojų veiklą. Jei nesate aktyvus, jūsų paskyra gali būti ištrinta. Kad jūsų svetainė būtų priimta, srautas turi būti bent 100 lankytojų per dieną. Minimali išmokėjimo suma yra 1 USD. Apmokėjimas už 1000 unikalių - 0,7 USD iš Rusijos, 0,3 USD iš Ukrainos, 0,25 USD Baltarusija, 0,05 USD kita.
Asmeniškai aš nebendradarbiauju su iframe filialų programomis, bet tai tinka pradedantiesiems.
Sveiki, mieli tinklaraščio svetainės skaitytojai. Šiandien kalbėsime apie HTML rėmelius. Aišku, kad pradėsime nuo pradžių, būtent nuo to, koks tai gyvūnas. Taip pat kalbėsime apie šių elementų dabartį (Frame) ir ateitį (Iframe) dabartinėje hiperteksto žymėjimo kalbos versijoje ir naujajame HTML 5 standarte su .
Straipsnio pabaigoje, išsamiai aprašę įmontuotų rėmelių kūrimo procesą ir jų klasikinę struktūrą HTML kode (jau retai naudojamas), paliesime svetainės kūrimo ant jų svarbą, taip pat aptarsime galimus jų panaudojimo būdai dabartiniu laikotarpiu, remiantis mano tinklaraščio pavyzdžiu.
Kas tai yra ir kuo Iframe skiriasi nuo Frame?
Kas tai? Pasirodo, juos galima naudoti ne tik interneto svetainėse, bet ir bet kokiose programose, tačiau skiriasi tuo, kad tinklalapio ar programos langas bus padalintas į kelias sritis, į kurias kiekvieną įkeliamas atskiras dokumentas. . Be to, šios rėmo sritys veikia nepriklausomai viena nuo kitos.
Turbūt ryškiausias jų naudojimo pavyzdys, su kuriuo susidūrėte beveik visi, yra vadinamieji pagalbos failai, kuriuos turi daugelis kompiuteryje įdiegtų programų.
Failas su žinyno meniu įkeliamas į kairįjį langą, o pasirinktą meniu punktą atitinkantis dokumentas rodomas dešiniajame lange. Pastebėtina, kad ši struktūra leidžia neperkrauti failo su meniu į kairįjį langą atidarant naują dokumentą dešiniajame. Būtent iš to jis susideda Pagrindinis rėmelių naudojimo pranašumas HTML.
Tiesą sakant, pats šių elementų pavadinimas turėtų būti interpretuojamas kaip nepriklausomas langas. Rėmelių pagalba turime galimybę padalinti vieną didelį langą į kelis fragmentus, kurie savo ruožtu gali pasitarnauti kaip atskirų vienas nuo kito nepriklausomų dokumentų (puslapių, tekstų, vaizdų, vaizdo įrašų ir kt.) imtuvai.
Kaip hiperteksto žymėjimo kalba sukuriama rėmelio struktūra? Jei mes kalbame apie Html 4.01 standartą (pagal klasifikaciją), kuris šiuo metu yra pagrindinis, tada tam naudojami trys elementai - Frame, Frameset ir Noframes.
Iframe – įtaisytas rėmelis pagal HTML 5 standartą
Jei kalbėsime apie Html 5 standartą (mūsų ateitį, kurio kai kuriuos elementus jau palaiko daugelis naršyklių), tada nebeliks Frame, Frameset ir Noframes žymų, taip pat klasikinės rėmelių struktūros, vietoj to bus viena Iframe žyma (įterptasis rėmelis), apie kurią pakalbėsime pradžioje, o tada atkreipsime dėmesį į klasikinę 4.01 versijos schemą, kuri iš tikrųjų dabar naudojama.
„Iframe“, skirtingai nei toliau aptartuose klasikuose, nereikalauja „Body“ žymos pakeisti „Frameset“ žymomis. Tie. šią žymą galima įterpti į įprastus puslapius, pavyzdžiui, pastraipoje ar bet kur kitur. Iš esmės šis elementas yra labai panašus į „Img“ žymą, kurią jau svarstėme.
Tai įterptinis elementas su keičiamu turiniu, nes jis veikia lygiai taip pat, kaip įterptinis elementas, bet rodomas pašalinis išorinis turinys. HTML kalboje yra tik keturi tokie elementai – Img, Iframe, Object ir Embed. Todėl mūsų herojus reiškia, kad yra išorinis failas, kuris bus įkeltas į sritį, kurios dydis nustatomas naudojant šios žymos atributus.
Tai. „Iframe“ yra nusėdimo elementas, į kurį įkeliamas išorinis objektas (pvz., vaizdo įrašas). O norėdami nurodyti kelią į šį failą, kuris turėtų būti įkeltas puslapyje, naudokite specialų atributą Src. Tačiau skirtingai nei Img, Iframe elementas yra suporuotas, t.y. taip pat yra uždarymo žyma:
Šiame pavyzdyje rodoma išvestis Youtube vaizdo įrašo puslapyje naudojant Iframe. Siekiant apriboti rėmelio (lango), kuriame bus įkeliamas išorinis failas, plotą, pateikiami atributai Plotis ir Aukštis, kurių reikšmės nurodytos pikseliais:
Tie. ši žyma sukuria sritį, į kurią įkeliamas koks nors išorinis objektas (nesvarbu, ar jis iš jūsų svetainės, ar iš kito šaltinio). Sritys plotis ir aukštis nurodomi naudojant Width ir Height, o atributas Src nurodo kelią iki šio objekto.
Elementas „Iframe“ visus šiuos atributus paveldėjo iš panašių įterptųjų žymų su pakeistu turiniu (pvz., jau minėtas vaizdas). Na, o atributiką jis pasiėmė ir iš nuotraukų Hspace ir Vspace, kurios leidžia nustatyti įtraukas nuo rėmelio kraštų iki aplink jį apvyniojamo teksto.
Taip pat svarbu, kad įtaisyto rėmo išlygiavimas atliekamas lygiai taip pat, kaip matėme tyrinėdami vaizdus HTML - . Visi vienodi Lygiuoti, bet „Iframe“ žymai su galimomis reikšmėmis „Apačia“, „Top“, „Viduris“, „Kairė“ ir „Dešinė“.
Tačiau šis elementas taip pat perėmė keletą atributų iš „Frame“ žymos iš klasikinės rėmelio struktūros, apie kurią toliau tekste pakalbėsime labai išsamiai. Šie atributai apima Name, kurio reikšmę galima naudoti kaip reikšmę, kad šio rėmelio lange atsidarytų reikalingas dokumentas paspaudus nuorodą (plačiau skaitykite žemiau).
Taip pat „Iframe“ atributas „Frameborder“ buvo perkeltas iš „Frame“ žymos, kuri turi tik dvi reikšmes – arba 0 (rėmas aplink rėmelį nerodomas) arba 1 (rėmas matomas). Numatytoji reikšmė yra Frameborder=1, todėl norėdami ją pašalinti, turėsite įvesti Frameborder="0":
Slinkimo atributas taip pat buvo perkeltas iš rėmelio į šį elementą, kurio numatytoji reikšmė yra Auto – slinkties juostos rėmelyje bus rodomos pagal poreikį, kai turinys yra didesnis nei lango, skirto jam rodyti, dydis.
Na, atributai Marginwidth ir Marginheight taip pat buvo perkelti iš rėmelio elemento. Jie bus išsamiai aptarti toliau tekste, bet trumpai - jie leidžia nustatyti pločio ir aukščio įtrauką nuo rėmelio kraštų iki jame esančio turinio.
Kaip jau minėjau, aiškus Iframe naudojimo pavyzdys:
Įterpdami Iframe tiesiai į tinklalapį, gausite vaizdo įrašo išvestį iš "YouTube". Darome išvadą, kad šis elementas yra eilutinių elementų su pakeistu turiniu ir, tiesą sakant, klasikinių rėmelių kryžminis, kurį dabar aptarsime.
Rėmeliai, pagrįsti Frame ir Frameset žymomis – jų struktūra
Taigi, klasikinės rėmelio struktūros kūrimas prasideda nuo to, ką rašote HTML kode, o ne atidaromąją ir uždaromąją Body žymą, kuri paprastai turėtų būti bet kuriame dokumente, pakeičiant ją elementų pagrindu esančiu konteineriu. Rėmelių rinkinys.
Esminis dalykas yra tas, kad šiuo atveju negalima naudoti elemento Body - nei Body (įprastam dokumentui), nei Frameset (kuriant dokumento rėmo struktūrą):
Kiekvienas rėmelis, kurį sukuriame pagrindinio viduje, yra sukurtas naudojant atskirą elementą Rėmas. Ši žyma yra viena ir joje nustatome kelią į dokumentą, kuris bus įkeltas į šį langą.
Trečias elementas, kurio dar nepalietėme, yra Noframes. Jis yra suporuotas ir leidžia viduje įrašyti tekstą, kurį apdoros naršyklė ir rodys tinklalapyje tik tuo atveju, jei ta pati naršyklė (ar kitas rodymo įrenginys) nepalaiko rėmelių. Taip gali nutikti, pavyzdžiui, jei naudojate mobiliųjų įrenginių naršyklę.
Paprastai „Noframes“ prideda ne tik informaciją apie esamą situaciją, kai neįmanoma apdoroti rėmelių struktūros, bet ir prideda galimybę pereiti į kitus puslapius, kur galite tęsti darbą jų nenaudodami. Sunku apie jį ką nors pasakyti, todėl tęskime.
Pasirodo, kad elementas Frameset, naudojamas vietoje Body tag, užima visą žiūrėjimo zonai skirtą vietą, o rėmeliai bus kuriami šios srities viduje naudojant atskirus Frame elementus. Šiuo atžvilgiu kyla klausimas – kaip padalinti žiūrėjimo zoną tarp atskirų langų arba, kitaip tariant, kaip nustatyti kiekvieno iš jų dydį.
Tai atliekama pridedant atitinkamus atributus prie Frameset elemento. Yra du iš jų - Stulpeliai ir eilutės. Cols nustato didelio lango padalijimą į vertikalius rėmus arba stulpelius, o eilutės leidžia padalyti į horizontalius langus arba eilutes.
Struktūros kūrimas remiantis Frameset ir jo atributais Cols ir Rows
Html Frameset žymos Cols ir Rows reikšmės yra skaičiai, atskirti kableliais (be tarpų). Šie skaičiai nustato langų proporcijas, kurias norime gauti. Todėl nesvarbu, kiek kableliais atskirtų skaičių parašyta kableliais arba eilutėmis, rezultatas bus tiek, kiek kadrų turėsime.
Pavyzdžiui, naudojant šį žymėjimą gausime tris vertikalius stulpelius, kurių plotis atitiks proporcijas 2:5:3.