Elementti
Kehykset
Mitä se tekee ? </p> <p>Sivun lisääminen HTML-sivulle</span>? Tätä varten sinun on käytettävä <iframe>, joka luo nykyiseen asiakirjaan rivikehyksen, joka näyttää toisen HTML-dokumentin.</p> <p>Näyttö</p> <p>Näyttölohko.</p> <p>Esimerkkikoodi</p> <p><span class="owsfdh4gxyc"></span></p> <h2>Tehokas mutta helppokäyttöinen</h2> <p>Vanhoina huonoina aikoina web-suunnittelua oli paljon <frame>elementtejä, jotka pilaavat jokaisen kehittäjän elämän. Ne olivat melkein aina huono suunnittelutapa. Onneksi elementti <frame>on poistettu käytöstä HTML5:ssä. Mutta <iframe>tai " <span>sisäinen kehys</span>» on edelleen saatavilla. Poistuuko se käytöstä seuraavassa versiossa? Ehkä meidän pitäisi välttää sitä? Tälle elementille on useita kelvollisia käyttötapoja HTML-sivua luotaessa. Mutta sinun on ymmärrettävä, mikä se on ja miten se toimii virheiden välttämiseksi.</p> <h3>Samankaltaisuudet ja eroavaisuudet <iframe>Ja <frame></h3> <p>Molempien elementtien avulla voit luoda erillisen HTML-dokumentin. Linkki asiakirjan sisältöön, johon nykyinen verkkosivu viittaa, on määritetty src-attribuutissa.</p> <p><!-Вы можете сделать так --> <iframe src="http://example.com"> <!DOCTYPE html> <html> <head> . . . </head> <body> . . . </body> </html>
Tärkein ero Ja <frame>asia on <iframe>varmistaa, että noudatetaan sääntöä, jonka mukaan HTML-dokumentti on prioriteetti. Sisältö <iframe>näkyy elementin sisällä, joka on osa nykyistä asiakirjaa. Esimerkkinä kannattaa harkita tätä YouTubesta otettua upotettua videota:</p> <p><span class="M2kSJbLbIgQ"></span></p> <p>Video on selvästi HTML-sivulla, ei erillisessä paneelissa. elementti rikkoi tämän paradigman ja antoi asiakirjan hallita selainikkunaa jakaen sen useisiin pieniin paneeleihin (kehyksiin), joista jokainen näyttää erillisen asiakirjan. Kaikki muut erot tämän peruseron välillä ja johtuvat siitä.</p> <h3>Älä tee kehyspohjaisia asetteluja uudelleen iframe-kehyksillä</h3> <p>Jonakin päivänä saatat joutua päivittämään vanhaa kehyksiä käyttävää verkkosivustoa. Haluat ehkä käyttää <iframe>ja kiinteä asetteluleveys, joka luo uudelleen saman painajaisen itsenäisistä paneeleista ja kynnyksistä. Et kuitenkaan voi käyttää kohdeattribuuttia linkin avaamiseen erillisessä kehyksessä. Voit alkaa etsiä JavaScript-ratkaisuja. Ole kiltti äläkä tee tuota.</p> <h3>Hyvä (ja kauhea) käyttö <iframe></h3> <p>Kelvollisia käyttötapauksia on useita <iframe>HTML-sivun luominen:</p> <ul><li>kolmannen osapuolen mediasisällön upottaminen;</li> <li>oman mediasisältösi upottaminen eri alustojen asiakirjan kautta;</li> <li>upotuskoodiesimerkkejä;</li> <li>kolmannen osapuolen "sovelmien" upottaminen maksutaviksi.</li> </ul><p>Tässä on joitain kauheita käyttötapauksia: <iframe>:</p> <ul><li>Kuvagalleria;</li> <li>foorumi tai chat.</li> </ul><p>Jos haluat upottaa itsenäisiä, jo olemassa olevia HTML-dokumentteja nykyiseen, käytä <iframe>. Jos rakennat kaiken tyhjästä, ei ole mitään syytä jakaa sivun suunnittelua useisiin erillisiin asiakirjoihin. Varsinkin jos ne eivät itse asiassa ole itsenäisiä osia.</p> <h3>iframe-attribuutit</h3> <table border="1"><tbody><tr><td><span>Ominaisuuden nimi</span> </td> <td>Merkitys</td> <td>Kuvaus</td> </tr><tr><td>hiekkalaatikko</td> <td>Salli-sama-alkuperä <br>Salli-ylhäältä-navigointi <br>Salli-lomakkeet <br>Salli-skriptit</td> <td>Asettaa useita rajoituksia kehykseen ladattavalle sisällölle. Aseta ennen <span>kuinka luodaan HTML-sivu.</span> </td> </tr><tr><td>vierittää</td> <td>kyllä ei autoa</td> <td>Määrittää, näytetäänkö kehyksessä rullaa vai ei. Vanhentunut HTML5:ssä. Käytä sen sijaan CSS:ää.</td> </tr><tr><td>Nimi</td> <td>Nimi</td> <td>Määrittää kehyksen nimen.</td> </tr><tr><td>Kohdistaa</td> <td>vasen oikea yläosa <br>keskipohja</td> <td>Määrittää kehyksen kohdistuksen ympäröiviin elementteihin nähden. On vanhentunut. Käytä sen sijaan CSS:ää.</td> </tr><tr><td>kehyskehys</td> <td>kyllä (tai 1) <br>ei</td> <td>Käytetään mahdollistamaan reunuksen näyttäminen kehyksen ympärillä. Vanhentunut HTML5:ssä. Käytä sen sijaan CSS:ää.</td> </tr><tr><td>longdesc</td> <td>URL-osoite</td> <td>Käytetään määrittämään URL-osoite sivulle, joka sisältää pitkän kuvauksen kehyksen sisällöstä. On vanhentunut. Käytä sen sijaan CSS:ää.</td> </tr><tr><td>marginaalin leveys</td> <td>pikseliä</td> <td>Käytetään säätämään pehmusteen leveyttä sisällöstä kehyksen reunaan. On vanhentunut. Käytä sen sijaan CSS:ää.</td> </tr><tr><td>src</td> <td>URL-osoite</td> <td>Määrittää IFRAME-kehyksessä näytettävän asiakirjan URL-osoitteen.</td> </tr><tr><td>vspace</td> <td>pikseliä</td> <td>Asettaa pystyreunukset kehyksestä ympäröivään sisältöön. On vanhentunut. Käytä sen sijaan CSS:ää.</td> </tr><tr><td>leveys</td> <td>pikseliä %</td> <td>Määrittää HTML-sivun kehyksen leveyden.</td> </tr></tbody></table><p>Tämä julkaisu on käännös artikkelista " <iframe>", jonka on valmistellut ystävällinen projektitiimi</p> <p>Hei! Internetissä on valtava määrä affiliate-ohjelmia, joiden avulla voit ansaita rahaa verkkosivustollasi.</p> <p>Tämän päivän viestissä tarkastelemme affiliate-ohjelmia, jotka ostavat liikennettä verkkovastaavilta, ja selvitämme myös hakukoneiden asenteen tämäntyyppisiä tuloja kohtaan. <br><br>Jotta en jäisi sivuun, laitoin kaksi sivustoani tällaiseen järjestelmään ja päätin katsoa, kuinka liikenteen ostaminen vaikuttaisi projektini asemaan verkossa. Mutta ensinnäkin, lue viesti huolellisesti ja loppuun asti.</p> <p>Artikkelin pääpiirteet ovat seuraavat:</p> <p><i>1. Mikä on liikenteen osto?</i><br><i>2. Millä tavoilla vierailijat ostavat?</i><br><i>3. Miksi tämä tapa ansaita rahaa on vaarallinen verkkosivustolle tai blogille?</i><br><i>4. Kokemukseni traffbiz-järjestelmästä.</i></p> <p><img src='https://i2.wp.com/seoslim.ru/wp-content/uploads/2012/03/sistema-vykupa-trafika.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p><b>Ensimmäinen. Mikä on liikenteen osto?</b></p> <p>Yksi tapa lisätä sivuston liikennettä rahalla on ostaa tarvittava määrä vierailijoita muilta sivustoilta.</p> <p>Minun on esimerkiksi lisättävä tämän sivuston liikennettä, jotta voin myöhemmin muuttaa sen toiseksi tuottolähteeksi, tai ehkä jonkun on vain lisättävä laskuria.</p> <p>Tätä varten menemme pörsseihin, jotka ostavat niitä muilta sivustoilta ja maksamme tietyn summan jokaisesta vierailijasta (1000 ihmistä on noin 3 dollaria).</p> <p>Jokainen pörssi on erikoistunut tietyntyyppiseen liikenteeseen (matkapuhelin, RU-liikenne, ulkomaan), hinnat ovat myös erilaisia.</p> <p>Verkossa on valtava valikoima tällaisia palveluita, joten sinulla on paljon valinnanvaraa, mutta kehotan sinua käyttämään tätä menetelmää viimeisenä keinona, on parempi pyrkiä lisäämään liikennettä luonnollisesti, ja artikkeli "" auttaa sinua Tämä.</p> <p><img src='https://i0.wp.com/seoslim.ru/wp-content/uploads/2012/03/trafik.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>- Tämä tapahtuu, kun palvelu ohjaa vierailijat yhdeltä sivustolta (myy liikennettä) toiselle sivustolle (ostaminen) ja perii maksun tällaisten palvelujen tarjoamisesta.</p> <p><b>Toinen.</b></p> <p>Millä tavoin he ostavat kävijöitä?</p> <p>On monia tapoja ostaa liikennettä verkkosivustolta. Aloittaen ponnahdusbannereista ja päättyen iframe-skriptin asentamiseen: <br>- PopUnder; <br>— Napsauta Under;</p> <p>— Iframe;</p> <p>PopUnder. Sivustolle asetetaan "kelluva banneri" ("kelluva" tarkoittaa, että tämä banneri pysyy aina vierailijan näkökentässä. Jos vierität sivua hiirellä, banneri "kelluu" perässäsi).</p> <p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2012/03/vykup-trafika-banner.gif' align="center" height="454" width="349" loading=lazy loading=lazy></p> <p>Tällaiset bannerit sijaitsevat yleensä oikeassa yläkulmassa. Kun vierailija haluaa sulkea sen ja napsauttaa "sulje" -merkkiä, mainostajan verkkosivusto latautuu tuolloin.</p> <p>Napsauta Under. Sivuilla, jotka tienaavat clickunderilla, ei ole kelluvia bannereita, ylimääräisiä ikkunoita tai mainoksia. Vierailija voi turvallisesti tarkastella tietoja, kunnes hän napsauttaa (ei välttämättä linkkiä). <span>Päätin olla ohittamatta tämän tyyppisiä tuloja ja lisäsin tämän kumppaniohjelman yhteen blogeistani. Kerron mitä tästä tuli seuraavassa postauksessa, ja annan myös yksityiskohtaisen katsauksen suosituista palveluista, pääasia on</span>!</p> <p>Älä missaa</p> <p><b>Iframe. Yksi houkuttelevimmista tavoista ansaita rahaa on myydä liikennettäsi muille sivustoille. Sinun tarvitsee vain asentaa erityinen koodi, ja jos se pääsee projektiisi, mikään ei ponnahtaa esiin ja häiritse huomion materiaalin lukemista. Kuitenkin tällä hetkellä toinen sivusto, ja ehkä useita, ladataan.</b></p> <p>Muutama vuosi sitten, kun työskentelit pörssien kanssa liikenteen ostamiseksi, sinun ei tarvinnut huolehtia siitä, että sivustosi sijoittuivat hakukoneiden TOP:iin. Mutta kaikki päättyy, ja se tapahtui vuonna 2009, kun Yandex ilmoitti, että PopUnder- ja ClickUnder-mainoksia sisältäviä sivustoja alennetaan järjestelmän hakutuloksissa.</p> <p>Koska lunnaat käyttävät Java-skriptiä, ja se puolestaan on täydellisesti indeksoitu hakukonerobottien toimesta, minkä seurauksena sivusto lentää alas TOPissa.</p> <p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2012/03/padenie-site.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Yhdellä foorumilla verkkovastaava tarjosi ratkaisun tähän ongelmaan. Se koostui seuraavasta: hakukonerobotit eivät pysty tunnistamaan flash-tiedostojen koodia.</p> <p>Tätä varten sinun on etsittävä kumppaniohjelmia, jotka näyttävät flash-mainontaa, mutta sinun ei pitäisi olla liian onnellinen täällä, koska jos PS:t eivät ole vielä oppineet tekemään tätä, se on ajan kysymys. se on ajan kysymys</p> <p><b>Neljäs.</b></p> <p>Kokemukseni Traffbiz-järjestelmästä</p> <p>Saatuani tietää tästä tapa ansaita rahaa iframe-affiliate-ohjelmina, joissa voit myydä liikennettäsi, vaikka mikään ei ärsytä kävijää, kuten PopUnderissa ja ClickUnderissa, aloin kokeilla sitä itselläni.</p> <p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2012/03/traffbiz.ru_.gif' align="center" height="85" width="292" loading=lazy loading=lazy></p> <p>Löysin verkkopörssejä, jotka toimivat tällä periaatteella ja asettuin Traffbizille (HUOM, tämä sivusto ei enää toimi, mutta sen toimintaperiaate on samanlainen kuin vastaavilla), he maksavat laskurinsa näyttökerroista hintaan 1,6 dollaria 1000 näyttökertaa kohti .</p> <p>Otin kaksi kokeellista sivustoa, joilla oli vähän liikennettä (60 henkilöä päivässä) ja verkkotunnuksen ikä (1 vuosi). Muuten rekisteröidyin, he ottavat kaikki sivustot järjestelmään minimipalkalla 10 yksilöllistä päivässä.</p> <p>Jos haluat kotiuttaa ansaitsemasi rahat, sinun on odotettava vähintään 3 dollaria. Mutta ei ollut kulunut edes muutamaa päivää ennen kuin ensimmäiset haitat ilmenivät.</p> <p>Yksi sivustoistani on tehty html-kielellä, joten minun on päivitettävä järjestelmäkoodi manuaalisesti kahden viikon välein ja joskus aikaisemmin (html-muotoisia sivustoja luoneet ymmärtävät minut).</p> <p>Osoittautuu, että minun on avattava jokainen sivu ja vaihdettava sen järjestelmäkoodi. Sivustollani on 50 sivua, joten en todellakaan halua toistaa samoja liikkeitä 50 kertaa useita kertoja kuukaudessa, mutta teen kovasti töitä kokeen vuoksi.</p> <p>Toisella sivustolla oli helpompaa. Se on tehty WordPress-moottorilla, joten lisäät koodin, kun voit unohtaa sen.</p> <p><img src='https://i1.wp.com/seoslim.ru/wp-content/uploads/2012/03/diagramma-traffbiz-ru.gif' align="center" width="100%" loading=lazy loading=lazy></p> <p>Tässä ovat tilastot liikenteen myynnistä kokeellisilla sivustoilla.</p> <blockquote> <p>Kuten näette, järjestelmä ei osta kaikkia vierailijoita peräkkäin, vaan valitsee yksinomaan RU-liikenteen. Asentamani komentosarja pystyy ohjaamaan vierailijani muiden ihmisten sivustoille.</p> <p>— RU-liikenteen ja niiden myynti hintaan 2,6 dollaria 1000 siirtoa kohden (muistutan, että osto on 1,6 dollaria samasta 1000:sta);</p> <p>— Kazakstanista ja Ukrainasta tulevien vierailijoiden myyminen hintaan 2 dollaria 1000 siirtoa kohden (muistutan, etteivät he osta tätä liikennettä teiltä);</p> <p>— Myydään loput liikenteestä hintaan 1 $ / 1000 siirtymää (muistutan, että he eivät osta tätä liikennettä teiltä);</p> </blockquote> <p>Kuten näette, he saavat hyvän tuoton käytetyille rahoille, mutta henkilökohtaisesti en pidä vain kahdesta tekijästä tässä vaihdossa.</p> <p>1) Yandex pitää koodiaan mahdollisesti haitallisena ja että tällaiset sivustot levittävät viruksia. Molemmilla sivustoilla suljin järjestelmäkoodin noindex-tageihin.</p> <table><tr><td class="code"> <noindex><<span>/noindex></span> </td> </tr></table><p><noindex></noindex></p> <p>Tämä ei kuitenkaan auttanut ja WordPress-sivusto luovutti ensimmäisenä, melkein heti muutaman nousun jälkeen. Lisäksi tämä otettiin huomioon verkkosivustossa html-muodossa.</p> <p>Mitä teen tässä tapauksessa: Poistan komentosarjan sivustojen traffbizista ja odotan, kunnes Yandex pitää sivustoja "hyvinä" (noin 5 päivää kuluu), ja asensen sitten komentosarjan uudelleen.</p> <p>2) Sivusto vastaanottaa liikennettä. Yandex aliarvioi tietoisesti projekteja TOP-hakutuloksissa, jotka aiheuttavat vaaran käyttäjille.</p> <p>Hei rakkaat blogisivuston lukijat. Tänään puhumme kehyksistä HTML:ssä. On selvää, että aloitamme alusta, nimittäin siitä, millainen eläin tämä on. Puhumme myös näiden elementtien nykyisyydestä (Frame) ja tulevaisuudesta (Iframe) hypertekstinkuvauskielen nykyisessä versiossa ja uudessa Html 5 -standardissa, jossa on .</p><p>Artikkelin lopussa, yksityiskohtaisen kuvauksen jälkeen sisäänrakennettujen kehysten luomisprosessista ja niiden klassisesta rakenteesta HTML-koodissa (jo harvoin käytetty), käsittelemme sivuston rakentamisen merkitystä niille ja keskustelemme myös mahdollisista tapoja käyttää niitä nykyisellä aikakaudella blogini esimerkin avulla.</p><h2>Mikä se on ja miten Iframe eroaa kehyksestä?</h2><p>Mikä se on? Osoittautuu, että niitä voidaan käyttää paitsi verkkosivustoilla myös missä tahansa ohjelmien sovelluksissa, mutta ne eroavat siinä, että verkkosivun tai sovelluksen ikkuna jaetaan useisiin alueisiin, joihin jokaiseen ladataan erillinen dokumentti. . Lisäksi nämä kehysalueet käyttäytyvät toisistaan riippumatta.</p><p>Todennäköisesti ilmeisin esimerkki niiden käytöstä, joihin lähes kaikki olette törmänneet, ovat niin sanotut ohjetiedostot, jotka monet ohjelmat ovat asentaneet tietokoneellesi.</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/chto-takoe-freim.png' width="100%" loading=lazy loading=lazy></p><p>Ohje-valikon sisältävä tiedosto ladataan vasempaan ikkunaan ja valittua valikkokohtaa vastaava asiakirja näytetään oikeanpuoleisessa ikkunassa. On huomionarvoista, että tämä rakenne sallii, että et lataa valikkoa sisältävää tiedostoa uudelleen vasempaan ikkunaan, kun avaat uuden asiakirjan oikeaan. Juuri tästä se koostuu <b>kehysten käytön tärkein etu</b> HTML:ssä.</p><p>Itse asiassa näiden elementtien nimet tulisi tulkita itsenäiseksi ikkunaksi. Kehysten avulla meillä on mahdollisuus jakaa yksi iso ikkuna useiksi fragmenteiksi, jotka puolestaan voivat toimia erillisten, toisistaan riippumattomien asiakirjojen (sivut, tekstit, kuvat, videot jne.) vastaanottajina.</p><p>Miten kehysrakenne luodaan hypertekstikuvauskielellä? Jos puhumme Html 4.01 -standardista (luokituksen mukaan), joka on tällä hetkellä tärkein, tähän käytetään kolmea elementtiä - Frame, Frameset ja Noframes.</p><h3>Iframe - sisäänrakennettu kehys Html 5 -standardissa</h3><p>Jos puhumme Html 5 -standardista (tulevaisuutemme, jonka osia jo monet selaimet tukevat), niin Frame-, Frameset- ja Noframes-tageja ei enää ole, vaan sen sijaan tulee olemaan klassinen kehysrakenne yksi Iframe-tunniste (upotettu kehys) , josta puhumme alussa, ja sitten kiinnitämme huomiomme klassiseen malliin versiosta 4.01, joka on nyt käytössä.</p><p>Iframe, toisin kuin alla käsitellyt klassikot, ei vaadi Body-tunnisteen korvaamista Frameset-tageilla. Nuo. tämä tunniste voidaan lisätä tavallisille sivuille, esimerkiksi kappaleen sisään tai mihin tahansa muualle. Pohjimmiltaan tämä elementti on hyvin samanlainen kuin jo tarkastelemamme Img-tunniste.</p><p>Se on upotettu elementti, jonka sisältö on vaihdettava, koska se käyttäytyy täsmälleen kuten rivielementti, mutta se näkyy <b>ulkopuolinen ulkoinen sisältö</b>. HTML-kielessä on vain neljä tällaista elementtiä - Img, Iframe, Object ja Embed. Siksi sankarimme viittaa ulkoisen tiedoston olemassaoloon, joka ladataan alueelle, jonka koko on asetettu tämän tunnisteen attribuuttien avulla.</p><p>Että. Iframe on nieluelementti, johon ulkoinen objekti (kuten video) ladataan. Käytä erityistä Src-attribuuttia osoittaaksesi polun tähän tiedostoon, joka tulee ladata sivulle. Mutta toisin kuin Img, Iframe-elementti on paritettu, ts. <b>siellä on myös sulkemismerkki</b>:</p><p> <span class="fHaAsFZL1nQ"></span> </p><p>Tämä esimerkki näyttää tulosteen Youtube-videosivulla käyttämällä Iframea. Attribuutit tarjotaan kehyksen (ikkunan) alueen rajoittamiseksi, johon ulkoinen tiedosto ladataan <b>Leveys ja Korkeus</b>, jonka arvot on määritelty pikseleinä:</p><p> <span class="fHaAsFZL1nQ"></span> </p><p>Nuo. tämä tunniste luo alueen, jolle jokin ulkoinen objekti ladataan (ei väliä, onko se sivustoltasi vai toisesta resurssista). Alueen leveys ja korkeus määritetään käyttämällä Leveyttä ja Korkeutta, ja Src-attribuutti määrittää polun tähän objektiin.</p><p>Iframe-elementti peri kaikki nämä attribuutit samanlaisista tekstin sisäisistä tunnisteista, joilla oli korvattu sisältö (kuten jo yllä mainitusta Img:stä). No, hän otti myös ominaisuuksia kuvista <b>Hspace ja Vspace</b>, joiden avulla voit asettaa sisennykset kehyksen reunoista sen ympärillä olevaan tekstiin.</p><p>Merkittävää on myös se, että sisäänrakennetun kehyksen kohdistus tapahtuu täsmälleen samalla tavalla kuin näimme tutkiessamme kuvia HTML-muodossa - . Aivan sama <b>Kohdistaa</b>, mutta Iframe-tunnisteen mahdollisilla arvoilla Bottom, Top, Middle, Left ja Right.</p><p>Mutta tämä elementti otti myös useita attribuutteja Frame-tunnisteesta klassisesta kehysrakenteesta, joista puhumme yksityiskohtaisesti alla tekstissä. Näitä määritteitä ovat muun muassa Nimi, jonka arvoa voidaan käyttää arvona, jolloin linkkiä napsauttaessa tarvitsemasi dokumentti avautuu tämän kehyksen ikkunaan (lue lisää alta).</p><p>Myös Iframessa Frameborder-attribuutti siirtyi Frame-tunnisteesta, jolla on vain kaksi arvoa - joko 0 (kehyksen ympärillä olevaa kehystä ei näytetä) tai 1 (kehys on näkyvissä). Oletusarvo on Frameborder=1, joten sen poistamiseksi sinun tulee kirjoittaa Frameborder="0":</p><p> <span class="fHaAsFZL1nQ"></span> </p><p>Myös Scrolling-attribuutti on siirretty kehyksestä tähän elementtiin, jonka oletusarvo on Auto - vierityspalkit kehyksessä näkyvät tarpeen mukaan, kun sisältö on suurempi kuin sen näyttämiseen tarkoitetun ikkunan koko.</p><p>No, myös Marginwidth- ja Marginheight-attribuutit siirtyivät Frame-elementistä. Niitä käsitellään yksityiskohtaisesti alla tekstissä, mutta pähkinänkuoressa - niiden avulla voit asettaa sisennyksen leveyteen ja korkeuteen kehyksen reunoista siihen sijoitettuun sisältöön.</p><p>Kuten jo mainitsin, selkeä esimerkki Iframen käytöstä on:</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/iframe-video.png' width="100%" loading=lazy loading=lazy></p><p>Kun lisäät Iframen suoraan verkkosivulle, saat videon YouTubesta. Päättelemme, että tämä elementti on risteytys sisäisten elementtien, joiden sisältö on korvattu, ja itse asiassa klassisten kehysten välillä, joista keskustelemme nyt.</p><h2>Frame- ja Frameset-tunnisteisiin perustuvat kehykset - niiden rakenne</h2><p>Joten klassisen kehysrakenteen luominen alkaa siitä, mitä kirjoitat HTML-koodiin avaavan ja sulkevan Body-tunnisteen sijaan, jonka yleensä pitäisi olla missä tahansa asiakirjassa, korvaten se elementtipohjaisella säilöllä. <b>Kehyssarja</b>.</p><p>Perusasia on, että Body-elementtiä ei voi käyttää tässä tapauksessa - joko Body-elementtiä (tavallinen asiakirja) tai Frameset (luottaessa asiakirjakehysrakennetta):</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/17-08-201318-13-43.png' width="100%" loading=lazy loading=lazy></p><p>Jokainen pääkehyksen sisälle luomamme kehys luodaan erillisellä elementillä <b>Kehys</b>. Tämä tunniste on yksittäinen ja siinä asetamme polun asiakirjaan, joka ladataan tähän ikkunaan.</p><p>Kolmas elementti, jota emme ole vielä käsitelleet, on <b>Noframes</b>. Se on paritettu ja sen sisään voi kirjoittaa tekstiä, jonka selain käsittelee ja näyttää web-sivulla vain, jos sama selain (tai muu näyttölaite) ei tue kehyksiä. Näin voi käydä esimerkiksi, jos käytät mobiililaitteiden selainta.</p><p>Yleensä Noframes ei lisää vain tietoa nykyisestä tilanteesta, jolloin kehysrakenteen käsittely on mahdotonta, vaan lisää myös mahdollisuuden siirtyä muille sivuille, joilla voit jatkaa työskentelyä käyttämättä niitä. Hänestä on vaikea sanoa mitään muuta, joten jatketaan.</p><p>Osoittautuu, että Body-tunnisteen sijaan käytetty Frameset-elementti vie kaiken katselualueelle varatun tilan, ja tälle alueelle luodaan kehyksiä käyttämällä yksittäisiä Frame-elementtejä. Tältä osin herää kysymys - kuinka jakaa katselualue erillisten ikkunoiden välillä tai toisin sanoen kuinka määrittää kunkin koon.</p><p>Tämä tehdään lisäämällä sopivat attribuutit Frameset-elementtiin. Niitä on kaksi - <b>Sarakkeet ja rivit</b>. Cols määrittää suuren ikkunan jakamisen pystysuoriin kehyksiin tai sarakkeisiin, ja Rivit mahdollistavat sen jakamisen vaakasuuntaisiin ikkunoihin tai riveihin.</p><h3>Rakenteen luominen Framesetin ja sen Cols and Rows -attribuuttien perusteella</h3><p>Html-kehyssarjatunnisteen sarakkeiden ja rivien arvot ovat pilkuilla erotettuja numeroita (ilman välilyöntejä). Nämä luvut määrittävät ikkunoiden mittasuhteet, jotka haluamme saada tuloksena. Siksi riippumatta siitä, kuinka monta pilkuilla erotettua numeroa kirjoitetaan sarakkeissa tai riveissä, tulos on käytettävissä olevien kehysten määrä.</p><p>Esimerkiksi käyttämällä tätä merkintää saamme kolme pystysuoraa saraketta, joiden leveys vastaa mittasuhteita 2:5:3.</p><p> <frameset cols="20%,50%,30%"> </p><p>Koska olemme määrittäneet mittasuhteet kolmelle kehykselle, meidän on sisällytettävä kolme Frame-elementtiä avaavien ja sulkevien Frameset-tagien väliin, ainakin ilman lisämääritteitä:</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/17-08-201318-25-34.png' width="100%" loading=lazy loading=lazy></p><p>Tämän seurauksena kolmesta tyhjästä ikkunasta koostuva runkorakennemme näyttää tältä:</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/frame.png' width="100%" loading=lazy loading=lazy></p><p>Tässä esimerkissä asetamme ikkunoiden koot (Frame) käyttämällä prosenttiosuuksia, jotka otetaan katselualueen leveydestä (tämä on tapaus, kun käytetään sarakkeita) tai sen korkeudesta (Rivit). Kuvaporttia vaihdettaessa kehyskokojen välinen prosenttisuhde säilyy. Mutta prosenttiosuuksien sijasta voit käyttää myös yksinkertaisia numeroita, jotka tarkoittavat. Tässäkään ei mielestäni pitäisi syntyä ymmärrysvaikeuksia.</p><p>Mutta kokomerkinnöissä on myös melko epätavallinen vaihtoehto, joka näyttää <b>tähti "*"</b>. Lisäksi se voi olla joko vain “*” tai tähti, jonka edessä on numero, esimerkiksi “3*”. Älykäs asia, joka on hyvin samanlainen kuin prosentit ja tarkoittaa, että jaamme kehyksen tilan suhteellisesti.</p><p>Katsotaanpa esimerkkiä. Jaetaan nyt näkymä vaakasuoriksi riveiksi käyttämällä riviä:</p><p> <frameset rows="200,500,*"> </p><p>Mitä tämä merkintä tarkoittaa? Koko pystysuunnassa käytettävissämme oleva katselualue jaetaan kolmeen riviin. Ensimmäisen korkeus otetaan 200 pikselillä, toisen - 500, mutta kolmas rivi vie kaiken jäljellä olevan tilan korkeudessa, koska Sen kokona käytettiin "*".</p><p>Huomionarvoista on, että arvot “*” ja “1*” tarkoittavat samaa asiaa - jaamme kaikki jäljellä oleva tila yhdeksi ja annamme tämän yhden osan tälle kehykselle (no, eli kaikki jäljellä oleva tila).</p><p>Mutta katso mitä tapahtuu, jos käytät arvoa "*" numeron kanssa jakaaksesi suhteessa:</p><p> <frameset rows="2*,100,4*"> </p><p>Mitkä ovat mielestäsi kehyksen mitat tässä tapauksessa? On selvää, että toisen rivin korkeus on ehdottomasti 100 pikseliä. Mutta kuinka jäljellä oleva tila jaetaan korkeudessa kolmannen ja ensimmäisen rivin välillä?</p><p>Laskeminen on melko helppoa - lisää vain neljä (4*) kahteen (2*) ja jaa tällä nimittäjällä (muista murtoluvut koulun opetussuunnitelmasta) kaksi ja neljä. Nuo. saamme, että ensimmäinen sarake kehyksellä vie kolmanneksen jäljellä olevasta korkeudesta ja kolmas sarake kaksi kolmasosaa. Tai toisin sanoen, kolmas on kaksi kertaa korkeampi kuin ensimmäinen:</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/17-08-201321-11-58.png' width="100%" loading=lazy loading=lazy></p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/frameset.png' width="100%" loading=lazy loading=lazy></p><p>Voit käyttää kaikkia kolmea tapaa kehystää ikkunat yhdessä määritteessä, esimerkiksi:</p><p> <frameset cols="10%,100,4*,3*,2*"> </p><p>Tämän seurauksena saamme ensimmäisen kehyssarakkeen, jonka leveys on kymmenen prosenttia koko käytettävissä olevasta alueesta, toisen - 100 pikseliä, ja loput kolme ovat leveitä suhteessa neljään, kolmeen ja kahteen yhdeksäsosaan. jäljellä oleva leveystila. Joten kaikki on yksinkertaista ja selkeää.</p><p>Jos haluat jakaa pääikkunan paitsi vaaka- ja pystysuoriin kehyksiin, vaan esimerkiksi niiden yhdistelmiin, voit käyttää Frameset-elementtien sisäkkäistä rakennetta erikseen sarakkeille ja erikseen riveille. Esimerkiksi alla olevassa kuvakaappauksessa näkyvän rakenteen saamiseksi riittää, että käytät seuraavaa rakennetta:</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/17-08-201321-15-19.png' width="100%" loading=lazy loading=lazy></p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/freimy-v-html.png' width="100%" loading=lazy loading=lazy></p><p>Nuo. Ensin käytämme "frameset cols="20%,80%"" jakaaksemme kaiken käytettävissä olevan tilan kahteen pystysuoraan sarakkeeseen ja asetamme oikean sarakkeen sisällön "frame"-tunnisteeseen, mutta sen sijaan, että lisäisimme "frame"-elementin vasemmalle sarakkeelle avaamme uuden "frameset rows="10%*"".</p><p>Ja sen avulla jaamme oikeanpuoleisen sarakkeen kahteen riviin kehyksillä, joiden sisältö asetetaan kahdella "frame" -tunnisteella, jonka jälkeen suljemme molemmat "frameset" -säiliöt. Kaikki on yksinkertaista ja loogista.</p><h3>Määritä polku Frame-elementin Src-attribuutissa</h3><p>Mutta me kaikki puhuimme Frameset-elementistä ja sen Cols and Rows -määritteistä, joiden avulla muodostamme rakenteen ja asetamme niiden koot. Selvitetään nyt, kuinka näyttää tarvittavat asiakirjat vaadituissa kehyksissä ja kuinka määrittää niiden ikkunoiden välinen vuorovaikutus.</p><p>Joten miten hallitsemme luomiemme ikkunoiden ulkonäköä? Kaikki tämä sisältyy Frame-tunnisteen määritteisiin. Ensimmäinen mainitsemisen arvoinen on <b>Src</b>. Olemme jo nähneet sen Img-tunnisteessa, kun tarkastelimme kuvien lisäämistä HTML-koodiin. Sen olemus ei ole muuttunut, ja sen avulla voit silti määrittää polun asiakirjaan, joka tulee ladata kehykseen.</p><p>Src:n asiakirjan polku voidaan määrittää muodossa . Suhteellisia polkuja käytetään yleensä asiakirjassa, joka sijaitsee omalla resurssillasi, mutta tarvitset absoluuttisia polkuja, kun haluat ladata dokumentin toisesta sivustosta kehysikkunaan.</p><p>Jos Src-attribuuttia, joka ilmaisee polun haluttuun asiakirjaan, ei ole määritetty, ikkunaan ladataan tyhjä asiakirja. Itse tein kerran samanlaisen jutun blogilleni (lisänavigointielementtinä) ja samalla loin sille erillisen kansion isännöintipalvelimelle ja laitoin sinne paitsi kehysrakenteisen HTML-tiedoston (jota kutsuin indeksiksi .html), mutta myös kaikki ladatut eri asiakirja-ikkunoihin sekä kuvatiedostot, joita käytettiin taustana.</p><p>Siksi minun oli helpointa käyttää suhteellisia linkkejä Frame-tunnisteen Src-attribuutissa:</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/17-08-201321-23-15.png' width="100%" loading=lazy loading=lazy></p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/freimy-eto.png' width="100%" loading=lazy loading=lazy></p><p>Huomionarvoista on, että jos korvaat kaikki tässä koodissa annetut linkit suhteellisesta absoluuttiseen (kuten https://site/navigator/joomla.html) ja avaat tämän tiedoston selaimessa, Framessa määritetyt asiakirjat ladataan. palvelimeltani ja näet samanlaisen kuvan selaimessasi. Lisäksi ei ole väliä missä tiedostosi kehysrakenteella (index.html) sijaitsee - tietokoneellasi tai isännöinnillä.</p><p>Kuvan esimerkissä vasemman kehyksen ikkunaan ladataan tietyn valikon omaava sivu, joka on tavallinen valikko. Mutta sillä, miten valikko muodostuu, ei ole väliä, vaan se, mitä tapahtuu sen linkin napsautuksen jälkeen.</p><p>Jos teet tämän, kaikki tapahtuu juuri niin kuin sen pitäisi - asiakirja avautuu oikeaan alakulmaan. Mutta tätä varten minun piti käyttää yhtä pientä temppua, koska oletusversiossa dokumentti avautui ikkunan koko kokoon ja korvasi kehysrakenteen, jota en tarvinnut ollenkaan, koska navigointivalikko vasemmassa ja yläkehyksessä kadonnut.</p><h2>Dokumenttien avaaminen kehyksessä olevan linkin kautta</h2><p>Joten kun puhuimme hyperlinkeistä, mainitsimme "A" -tunnisteen attribuutin Target=_blank. Muistatko, mihin se on tarkoitettu? On oikein avata linkitetty dokumentti uudessa ikkunassa. Oletusarvoisesti sen pitäisi avautua samassa ikkunassa, joka vastaa kohdetta "self".</p><p>Mutta nämä ovat mahdollisuuksia <b>Kohde</b> eivät ole rajoitettuja. Osoittautuu, että voit lisätä siihen arvoa <b>kehyksen nimeksi</b>, joka on määritetty etukäteen Frame-tunnisteen erityisessä Name-attribuutissa. Sitten tämän linkin kautta oleva dokumentti ei avaudu samassa ikkunassa, joka vie kaiken tilansa, vaan määrittämässäsi kehyksessä. Se on selvää? Jos ei kokonaan, niin se selviää nyt, kun analysoimme esimerkkiä.</p><p>Palataan siis yllä olevassa kuvassa esitettyyn esimerkkiimme. Meidän on avattava sivuja käyttämällä linkkejä vasemmasta ikkunasta oikeassa alakulmassa (isossa) kehyksessä. Siksi sinun on ensin annettava tälle suurelle ikkunalle nimi käyttämällä kehystunnisteen Name-attribuuttia.</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/17-08-201321-32-09.png' width="100%" loading=lazy loading=lazy></p><p>He tekivät sen ja kutsuivat sitä "ktona". Nyt voit turvallisesti avata valikona ladatun tiedoston vasemmassa ikkunassa ja lisätä Target="ktona"-attribuutin kaikkiin siinä oleviin A-tunnisteisiin:</p><p>Joomlan ja VirtueMart-komponentin historia</p><p>Tietysti haku ja korvaa -työkalun avulla ei ole vaikea laittaa sitä kaikille hyperlinkeille, mutta miksi ladata koodia turhaan, kun meillä on loistava mahdollisuus käyttää <b>erityinen pohjamerkki</b>, jonka mainitsimme jo samassa hyperlinkkejä koskevassa artikkelissa, kun puhuimme Target blankin käytöstä.</p><p>Riittää, kun asetat base target="ktona"-elementin avaavan ja sulkevan Head-tunnisteen väliin, ja kaikki tämän dokumentin HTML-koodin linkit avaavat uusia sivuja määritetyssä kehyksessä nimeltä "ktona":</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/17-08-201321-36-13.png' width="100%" loading=lazy loading=lazy></p><p>Muuten, jos otamme esimerkkinä joskus olemassa olevan työkaluni, meidän on silti varmistettava, että kaikki linkit ylävaakaikkunasta avaavat sivunsa vasemmassa pystykehyksessä, joka toimii vasemmanpuoleisena valikoni. Mitä tälle pitää tehdä?</p><p>No, ensin sinun on annettava vasemmalle pystysuoralle kehykselle nimi:</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/17-08-201321-38-31.png' width="100%" loading=lazy loading=lazy></p><p>Ja ylimpään ikkunaan ladattavaan tiedostoon (gor.html) sinun on lisättävä elementti target="gor":</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/17-08-201321-40-02.png' width="100%" loading=lazy loading=lazy></p><p>Siinä se, nyt olemme tehneet kaiken oikein. Kaikki yläkehyksen linkkejä seuraavat asiakirjat avautuvat vasemmanpuoleiseen ikkunaan, ja kaikki sen linkit avaavat asiakirjat keskimmäisessä ja suurimmassa kehyksessä. Mielestäni kaikki on yksinkertaista ja loogista.</p><h3>Frame tag -attribuutit ikkunoiden ulkoasun mukauttamiseen</h3><p>Katsotaan nyt, mitä muita attribuutteja kuin Src ja Name voidaan käyttää Frame-tunnisteessa kehysten ulkoasun mukauttamiseen. Aloitetaan <b>Vieritys</b>. Sen avulla voimme konfiguroida vierityspalkkien näytön jokaiselle kehysrakenteen ikkunalle erikseen.</p><p>Vierityksen oletusarvo on Auto - selain päättää automaattisesti kehykseen ladatun asiakirjan koon perusteella, näyttääkö vierityspalkki vai ei. Jos asiakirja ei mahdu kokonaan ikkunaan, näkyviin tulee vierityspalkki, jonka avulla voit tarkastella sitä loppuun asti.</p><p>Voit myös käyttää arvoja Kyllä (ikkunan vierityspalkit näkyvät aina, vaikka asiakirja mahtuisi siihen kokonaan) ja Ei (vierityspalkit eivät koskaan tule näkyviin, vaikka osa asiakirjasta ei mahdu) vierityksen arvoina.</p><p> <frame scrolling="yes" src="gor.html"> </p><p>Aiemmin olemassa olevassa työkalussani käytin oletusarvoa Auto ja kehyksissä olevat vierityspalkit ilmestyivät tarpeen mukaan:</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/freim.png' width="100%" loading=lazy loading=lazy></p><p>Frame-tunnisteen seuraava attribuutti on <b>Norsize</b>- on yksittäinen (sillä ei ole arvoja). Rekisteröimällä sen estät siten sen koon muuttamisen, mikä tapahtuu oletusarvoisesti vetämällä kehysten reunoja hiirellä.</p><p> <frame noresize src="gor.html"> </p><p>Kun siirrät hiiren osoittimen reunukselle, näet, että kursori muuttuu kaksipäiseksi nuoleksi ja nyt hiiren vasenta painiketta painamalla voit siirtää reunaa haluamallasi tavalla. Noresize asettaa kiellon tälle tahdollisuudelle (kun siirrät hiiren osoittimen ikkunoiden reunaan, et enää näe kaksisuuntaista nuolta).</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/freimy.png' width="100%" loading=lazy loading=lazy></p><p>Toinen visuaalinen ominaisuus on <b>Kehyskehys</b>. Sen avulla voit määrittää, piirretäänkö kehys (reuna) kehysten väliin vai ei. Kehysreunuksella voi olla vain kaksi mahdollista arvoa - joko 0 (älä piirrä kehystä) tai 1 (näytä reunus). Oletusarvo on tietysti 1.</p><p>Siinä on yksi hienous. Jos haluat poistaa näkyvän reunuksen, sinun on lisättävä Frameborder=0 kaikkiin kehyksiin, joiden välistä näkyvät reunat halutaan poistaa.</p><p> <frame frameborder="0" src="gor.html"> </p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/image/iframe-freim.png' width="100%" loading=lazy loading=lazy></p><p>No, meidän on vielä otettava huomioon muutama Frame-tunnisteen attribuutti - <b>Marginwidth ja Marginheight</b>, jotka määrittävät täytteen leveyden (oikea ja vasen) ja korkeuden (ylhäältä ja alhaalta) ikkunan reunoista siihen ladattavaan sisältöön (luku tarkoittaa täytteen pikselien määrää):</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/iframe-freimy.png' width="100%" loading=lazy loading=lazy></p><h2>Miksi et voi tehdä verkkosivustoa kehyksiin?</h2><p>Katsotaanpa, mikä on klassisten rakenteiden perustavanlaatuinen haittapuoli, joka olennaisesti lopettaa niiden käytön verkkosivustoa luotaessa. Se koostuu siitä, että tämän runkorakenteen mukaan <b>on mahdotonta seurata hänen tilaansa</b>.</p><p>Monimutkaisilla rakenteilla voi olla tuhansia eri tiloja (eri kehysikkunoissa avattujen asiakirjojen muunnelmia), mutta juuri tämän rakenteen URL-osoite ei muutu. Tämän takia tulee olemaan <b>Selaimen kirjanmerkkejä ei voi käyttää</b> tai lähettää linkkejä suosikkisivuillesi muille käyttäjille. Miksi?</p><p>Koska osoite pysyy ennallaan ja kun avaat sen selaimesi kirjanmerkeistä tai sähköpostista, saat sivun, jossa on kehysrakenteen aloitustila, ei sitä tilaa, jonka haluat tallentaa.</p><p>Vaikka tämä ongelma voidaan tietysti ratkaista, mutta ei HTML-työkaluilla, vaan palvelimen (esimerkiksi Php) tai asiakasohjelmointikielten (JavaScript) avulla, eivätkä nämä ratkaisut ole sataprosenttisesti tehokkaita. Tällaisten ratkaisujen avulla voit itse asiassa lisätä lisätietoja sen nykyisestä tilasta kehysrakenteen URL-osoitteeseen, mutta tämä ei ole helppo tehdä, eikä luotettavuus ole ehdoton.</p><p>Tämä on ensimmäinen haittapuoli kehysten käytöstä verkkosivustojen luomiseen ja erittäin merkittävä haittapuoli, mutta siinä on toinenkin valtava haitta. Hakukoneet ovat tietysti jo pitkään oppineet indeksoimaan ne ja poimimaan niistä niiden ikkunoihin ladattujen asiakirjojen osoitteet. Ongelma on erilainen.</p><p>Kun käyttäjä siirtyy Yandexin tai Googlen hakutuloksista kehysrakenteen perusteella rakennetulle verkkosivustollesi, vain johonkin kehyksiin ladattu dokumentti avautuu, ei koko rakennetta. Ymmärrätkö mistä puhun?</p><p>Käyttäjä näkee asiakirjan ja <b>ei näe navigointia sivustollasi</b>, koska se on suojattu muissa ikkunoissa ja niitä ladataan vain osana koko rakennetta.</p><p>Tämän seurauksena kehyksille rakennetusta sivustosta tulee yksinkertaisesti käyttökelvoton. Vaikka tähänkin ongelmaan on ratkaisuja palvelinskriptien perusteella, kun yksittäisten asiakirjojen osoitteista suoritetaan uudelleenohjaus halutussa tilassa olevaan kehysrakenteeseen, mutta tämä on jälleen erittäin vaikeaa eikä aina luotettavaa.</p><p>Yleisesti ottaen johtopäätös voidaan tehdä yksiselitteisesti - <b>Ei tarvitse luoda verkkosivustoja kehyksiin</b>. Mutta niitä käytetään jatkuvasti luomaan apua erilaisiin sovelluksiin, ja niistä voi olla hyötyä muissa pienissä asioissa.</p><p>Loin esimerkiksi kehysrakenteen, jota kutsuin "Navigaattoriksi" (nyt se on väliaikaisesti poistettu) ja josta on tullut eräänlainen laajennettu ulkoinen valikko blogilleni, jonka pitäisi mielestäni yksinkertaistaa resurssin kanssa työskentelemistä. ja siksi parantaa "ei hölynpölyä" on erittäin, erittäin vahva vaikutus sivuston mainostamiseen.</p><p>Mutta välttääkseni ongelmia hakukoneiden kanssa, suljin tämän koko kehysrakenteen näkyvistä ja lisäsin varmuuden vuoksi Rodots-sisällönkuvauskentän kaikkiin sen HTML-tiedostoihin, estäen niiden indeksoinnin:</p><p> <head> <meta name="robots" content="noindex,nofollow"> <base target="ktona"> <meta charset="utf-8"> <title>JOOMLA</title> </head> </p><p>Mutta kaikki nämä rajoitukset koskevat vain Frame- ja Frameset-tunnisteiden rakenteita ja <b>upotetut kehykset iframe-tageihin</b> niissä ei ole näkyviä puutteita, ja niitä voidaan ja jopa pitäisi käyttää projekteissasi, ainakin videoiden lisäämiseen YouTubesta.</p> <p>Onnea sinulle! Nähdään pian blogisivuston sivuilla</p><h3></h3><p>Saatat olla kiinnostunut</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/doctype.jpg' width="100%" loading=lazy loading=lazy><span>Kommenttikäskyt ja Doctype HTML-koodissa sekä lohko- ja rivielementtien (tunnisteiden) käsite</span> <br><img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/embed-object.jpg' width="100%" loading=lazy loading=lazy><span>Upota ja objekti - Html-tunnisteet mediasisällön (video, flash, ääni) näyttämiseen verkkosivuilla</span> <br><img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/img.jpg' width="100%" loading=lazy loading=lazy><span>Img - Html-tunniste kuvan lisäämiseen (Src), tekstin tasaamiseen ja käärimiseen sen ympärille (tasaaminen) sekä taustan (taustan) asettamiseen</span> <br><img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/yazyk-html.jpg' width="100%" loading=lazy loading=lazy><span>Mikä on hypertekstin merkintäkieli Html ja kuinka tarkastella luetteloa kaikista W3C-validaattorissa olevista tunnisteista</span> <span>Valitse, Optio, Textarea, Label, Fieldset, Legend - Html-tunnisteet avattavien luetteloiden ja tekstikenttien muotoon</span> <br><img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/html-spisok-vydelenie-abzats.jpg' width="100%" loading=lazy loading=lazy><span>Luettelot HTML-koodilla - UL-, OL-, LI- ja DL-tunnisteet</span> <br><img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/formatirovanie-teksta-v-html.jpg' width="100%" loading=lazy loading=lazy><span>Fontti (kasvot, koko ja väri), Blockquote ja Pre-tagit – vanha tekstin muotoilu puhtaalla HTML:llä (ei CSS:ää käytössä)</span> <br><img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/html-tegi.jpg' width="100%" loading=lazy loading=lazy><span>Kuinka värit asetetaan HTML- ja CSS-koodissa, RGB-sävyjen valinta taulukoissa, Yandex-lähtö ja muut ohjelmat</p> <p>Affiliate Iframe on eräänlainen mainonta, joka ei vaikuta millään tavalla sivustosi ulkonäköön. Eli bannereita, ponnahdusikkunoita tai muita ärsyttäviä ikkunavierailijoita ei tule. Sinulle maksetaan tarkasti sivustosi vierailijoista. Näin ollen on toivottavaa, että osallistujamäärä on korkea. Tulot riippuvat myös paikasta, jossa vierailija tuli luoksesi (hakukoneet, kirjanmerkit jne.). Tietenkin kohdistetut vierailijat, eli ne, jotka tulivat hakukoneista, maksavat parhaiten. Sillä on myös merkitystä, mistä maasta vierailija tuli.</p> <p><b>Katsotaanpa tämäntyyppisen mainonnan etuja ja haittoja:</b> </p> <p><b>Plussat:</b></p> <ol><li>Helppo asentaa. Sinun tarvitsee vain asentaa kumppanikoodi kaikille (tai ei kaikille) sivuston sivuille.</li> <li>Passiivinen tulo. Toisin sanoen jokaiselle sivustollasi käyvälle käyttäjälle hyvitetään rahaa, eikä sinun tarvitse tehdä mitään.</li> <li>Ei ärsyttäviä bannereita tai .</li> <li>Useimmiten kaikki sivustot hyväksyvät.</li> <li>Ne hyväksyvät liikenteen ATS:ltä, autosurfingilta, akselilaatikoilta ja niin edelleen.</li> <li>Suositusohjelma.</li> </ol><p><b>Miinukset:</b></p> <ol><li>Virukset. Jotkut tytäryhtiöiden iframe-kehykset (erityisesti mainostajien sivustot) sisältävät viruksia, mutta useimmiten voit kieltää virussivuston kumppanitililtäsi.</li> <li>Uudelleenohjaukset. Joskus tapahtuu uudelleenohjauksia pornosivustoille.</li> </ol><p><b>Luettelo iframe-kumppaneista:</b> </p> <ul><li>- laatuaan vanhin ja paras kumppaniohjelma. Voit kieltää viruksia sisältävät sivustot. Kun lisäät uutta sivustoa, suosittelen myös, että et valitse valintaruutua "Julkaise sivustolleni resursseja, joita valvojat eivät ole vahvistaneet". Tulot ovat pienemmät, mutta viruksia ei tule, vaikka jos sivustosi luotiin vain rahan ansaitsemiseksi, on parempi lisätä tuloja. Liikennekustannukset 0,50 - 0,70 $ 1000 ainutlaatuista käyntiä kohden. Kaikki sivustot hyväksytään. Suurimpana etuna muihin vastaaviin kumppaniohjelmiin verrattuna pidän välittömiä maksuja pyynnöstä, eli sinun tarvitsee vain tilata maksu (ei minimipalkkaa) ja se saapuu minuutissa.</li> <li>— iframe-mainonnan lisäksi on muitakin muotoja, esimerkiksi popunder. Maksu: clickunder – 1wmz 1000 yksilölliselle siirrolle (kaikki maat paitsi Kiina), popunder – 3wmz 1000 yksilölliselle siirtymiselle Venäjältä ja 0,8wmz muille maille, piilotetut siirtymät – 1wmz (kaikki paitsi Kiina) ja iframe – 0,5–1,5wmz 1000:lle kävijöitä (hintaa voidaan säätää). Pienin nostosumma on 3wmz pyynnöstä 48 tunnin sisällä. Automaattiset maksut toimivat samalla tavalla. Suositusohjelma - 5 %. Järjestelmässä on ICQ-robotti (88-25-28), joka kertoo sinulle tilastoistasi, siirtymistäsi jne.</li> <li>- vanha iframe-kumppaniohjelma. He ottavat liikenteen laadun ja verkkovastaavien toiminnan erittäin vakavasti. Jos et ole aktiivinen, tilisi voidaan poistaa. Jotta sivustosi hyväksyttäisiin, liikenteen on oltava vähintään 100 kävijää päivässä. Pienin maksusumma on 1 dollari. Maksu 1000 yksilöllisestä - 0,7 $ Venäjältä, 0,3 $ Ukrainasta, 0,25 $ Valko-Venäjältä, 0,05 $ muusta.</li> </ul><p>Henkilökohtaisesti en tee yhteistyötä iframe-kumppanuusohjelmien kanssa, mutta se sopii vain aloittelijoille.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="comment_box" id="comments"> </div> </div> <div id="sidebar"> <div class="widget widget_nav_menu" id="nav_menu-2"> <div class="menu-mainmenu-container"> <ul id="menu-mainmenu-2" class="menu"> <li class="submenu"><a href="https://viws.ru/fi/category/internet/">Internet</a> </li> <li class="submenu"><a href="https://viws.ru/fi/category/programs/">Ohjelmat</a> </li> <li class="submenu"><a href="https://viws.ru/fi/category/instructions/">Ohjeet</a> </li> <li class="submenu"><a href="https://viws.ru/fi/category/browsers/">Selaimet</a> </li> <li class="submenu"><a href="https://viws.ru/fi/category/windows-10/">Windows 10</a> </li> <li class="submenu"><a href="https://viws.ru/fi/category/android/">Android</a> </li> <li class="submenu"><a href="https://viws.ru/fi/category/ios/">iOS</a> </li> <li class="submenu"><a href="https://viws.ru/fi/category/communication/">Yhteys</a> </li> </ul> </div> </div> <div class="widget"> <div class="heading star">Viimeiset muistiinpanot</div> <div class="popular_posts"> <div class="news_box"> <a href="https://viws.ru/fi/sistemy-aktivnoi-reklamy-frame-ili-iframe-iframe-trafik-chto-takoe.html" class="thumb"><img width="95" height="95" src="/uploads/f1717f303d0dc3da7ea62ab09745371a.jpg" class="attachment-mini size-mini wp-post-image" alt="Frame- tai iframe-aktiiviset mainosjärjestelmät" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/fi/sistemy-aktivnoi-reklamy-frame-ili-iframe-iframe-trafik-chto-takoe.html">Frame- tai iframe-aktiiviset mainosjärjestelmät</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/fi/kodaki-pod-10-obzor-besplatnoi-versii-k-lite-codec-pack-chto-takoe-kodeki.html" class="thumb"><img width="95" height="95" src="/uploads/99bdd1ac023960688985ecbcdb6b6da4.jpg" class="attachment-mini size-mini wp-post-image" alt="Katsaus K-Lite Codec Packin ilmaisesta versiosta" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/fi/kodaki-pod-10-obzor-besplatnoi-versii-k-lite-codec-pack-chto-takoe-kodeki.html">Katsaus K-Lite Codec Packin ilmaisesta versiosta</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/fi/skachat-besplatnyi-antivirus-skachat-besplatnyi-antivirus-antivirusnaya.html" class="thumb"><img width="95" height="95" src="/uploads/33f15dbd247abfcbfe2e8659fc4f1ea7.jpg" class="attachment-mini size-mini wp-post-image" alt="Lataa ilmainen virustorjuntaohjelma yhteensä 360" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/fi/skachat-besplatnyi-antivirus-skachat-besplatnyi-antivirus-antivirusnaya.html">Lataa ilmainen virustorjuntaohjelma yhteensä 360</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/fi/prichiny-ne-vklyucheniya-telefona-samsung-chto-delat-esli-ne.html" class="thumb"><img width="95" height="95" src="/uploads/df6ffdf588355a211a28b30c87800036.jpg" class="attachment-mini size-mini wp-post-image" alt="Mitä tehdä, jos puhelin ei käynnisty" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/fi/prichiny-ne-vklyucheniya-telefona-samsung-chto-delat-esli-ne.html">Mitä tehdä, jos puhelin ei käynnisty</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/fi/skachat-vse-faily-dll-dlya-igr-kak-ustanovit-dll-faily-na-windows-oshibka-dll.html" class="thumb"><img width="95" height="95" src="/uploads/3c9e337efa8e87e5062bba72c6a4d998.jpg" class="attachment-mini size-mini wp-post-image" alt="Kuinka asentaa DLL-tiedostoja Windowsiin?" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/fi/skachat-vse-faily-dll-dlya-igr-kak-ustanovit-dll-faily-na-windows-oshibka-dll.html">Kuinka asentaa DLL-tiedostoja Windowsiin?</a> </div> </div> </div> </div> </div> <div class="widget"> <div class="heading star">Suosittu</div> <div class="popular_posts"> <div class="news_box"> <a href="https://viws.ru/fi/izmerenie-parametrov-dinamikov-v-domashnih-usloviyah-i-odin-sposob-nastroiki.html" class="thumb"><img width="95" height="95" src="/uploads/e3bca75abf8b89a2107fb63a6b3d8d3d.jpg" class="attachment-mini size-mini wp-post-image" alt="Bassokaiuttimien perusparametrit Thiel-Small-menetelmä parametrien mittaamiseen" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/fi/izmerenie-parametrov-dinamikov-v-domashnih-usloviyah-i-odin-sposob-nastroiki.html">Bassokaiuttimien perusparametrit Thiel-Small-menetelmä parametrien mittaamiseen</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/fi/chrome-dlya-linux-mint-17-russkaya-versiya-nichego-ne-otvlekaet.html" class="thumb"><img width="95" height="95" src="/uploads/afda0187f50008c58b101213ef1f80fe.jpg" class="attachment-mini size-mini wp-post-image" alt="Chrome for Linux mint 17 venäläinen versio" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/fi/chrome-dlya-linux-mint-17-russkaya-versiya-nichego-ne-otvlekaet.html">Chrome for Linux mint 17 venäläinen versio</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/fi/ne-rabotaet-pult-magic-remote---chto-delat-v-takoi-situacii-vybor.html" class="thumb"><img width="95" height="95" src="/uploads/c7fbe7a0ee7f8334bf8a328988a3e5bb.jpg" class="attachment-mini size-mini wp-post-image" alt="LG Magic Remote -kaukosäätimen valitseminen" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/fi/ne-rabotaet-pult-magic-remote---chto-delat-v-takoi-situacii-vybor.html">LG Magic Remote -kaukosäätimen valitseminen</a> </div> </div> </div> </div> </div> <div class="widget"> <div class="heading">Uutiset</div> <div class="business_news"> <div class="news"> <div class="date">2024-07-04 01:33:16</div> <a href="https://viws.ru/fi/uchebnoe-posobie-po-paint-risovanie-na-kompyutere-v-programme.html" class="title">Piirtäminen tietokoneella Paint-ohjelmassa Mitä piirtää Paintissa</a> </div> <div class="news"> <div class="date">2024-07-03 01:33:11</div> <a href="https://viws.ru/fi/flyme-opisanie-chto-takoe-flyme-akkaunt-i-dlya-chego-on-nuzhen-plotnost-shrifta-izmenena.html" class="title">Mikä Flyme-tili on ja mihin se on tarkoitettu?</a> </div> <div class="news"> <div class="date">2024-07-02 01:35:18</div> <a href="https://viws.ru/fi/napolnaya-akustika-premium-klassa-pyat-liderov-obzor-napolnyh.html" class="title">Katsaus lattialla seisoviin akustisiin järjestelmiin: Pysy paikallasi Uudet edulliset lattiaakustiset testit</a> </div> <div class="news"> <div class="date">2024-06-29 01:41:22</div> <a href="https://viws.ru/fi/stranica-po-umolchaniyu-yandeks-yandeks-nastroika-glavnoi-stranicy.html" class="title">Yandex - pääsivun määrittäminen, rekisteröinti ja kirjautuminen sekä yrityksen perustamishistoria</a> </div> <div class="news"> <div class="date">2024-06-28 01:32:13</div> <a href="https://viws.ru/fi/podborka-deshevyh-i-vygodnyh-tarifov-bilain-dlya-mobilnogo-telefona-vse.html" class="title">Valikoima halpoja ja edullisia Beeline-tariffeja matkapuhelimiin</a> </div> </div> </div> <div class="widget ai_widget" id="ai_widget-5"> <div class='dynamic dynamic-13' style='margin: 8px 0; clear: both;'> </div> </div> </div> </div> </div> </div> <div id="footer"> <div class="fixed"> <div class="inner"> <div class="footer_l"> <a href="https://viws.ru/fi/" class="logo" style="background:none;">viws.ru</a> <div class="copyright"> <p>viws.ru - Kaikki nykytekniikasta. Häiriöt, sosiaaliset verkostot, internet, virukset</p> <p><span>2024 - Kaikki oikeudet pidätetään</span></p> </div> </div> <div class="footer_c"> <ul id="menu-topmenu-1" class="nav"> <li><a href="https://viws.ru/fi/feedback.html">Yhteystiedot</a></li> <li><a href="">Tietoja sivustosta</a></li> <li><a href="">Mainonta verkkosivuilla</a></li> </ul> <div class="footer_menu"> <ul id="menu-nizhnee-1" class=""> <li id="menu-item-"><a href="https://viws.ru/fi/category/internet/">Internet</a></li> <li id="menu-item-"><a href="https://viws.ru/fi/category/programs/">Ohjelmat</a></li> <li id="menu-item-"><a href="https://viws.ru/fi/category/instructions/">Ohjeet</a></li> <li id="menu-item-"><a href="https://viws.ru/fi/category/browsers/">Selaimet</a></li> </ul> <ul id="menu-nizhnee-2" class=""> <li id="menu-item-"><a href="https://viws.ru/fi/category/internet/">Internet</a></li> <li id="menu-item-"><a href="https://viws.ru/fi/category/programs/">Ohjelmat</a></li> <li id="menu-item-"><a href="https://viws.ru/fi/category/instructions/">Ohjeet</a></li> <li id="menu-item-"><a href="https://viws.ru/fi/category/browsers/">Selaimet</a></li> </ul> </div> </div> </div> </div> </div> </div> <script type="text/javascript">jQuery(function($) { $(document).on("click", ".pseudo-link", function(){ window.open($(this).data("uri")); } );} );</script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://viws.ru/wp-content/themes/delo/assets/scripts/theme.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar", "margin_top" : 60, "margin_bottom" : 200, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-8','ai_widget-5'] } ; </script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script async="async" type='text/javascript' src='https://viws.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script> </body> </html>