HTML iframe: primjer i značajke aplikacije

Profesionalno izvršen web resurs je cjelovit i razvijajući proizvod, sustavno prezentiranje informacija, originalan dizajn i interaktivna logika za rad s brojnim posjetiteljima.

Stranica je lice organizacije, vlasnička posjetnica, ocjena razvojnog programera i potpuno opremljen sustav za predstavljanje određenih informacija koje rade na određenom području kako bi se riješili jasno definirani zadaci.

Pojam i svrha "iframe"

Okviri nisu dobro funkcionirali kada je HTML standard ponudio opciju okvira. Situacija nije mnogo bolja s izgledom iframe-a. Preglednici i vlasnici web-lokacija nisu previše spremni prihvatiti prikazivanje informacija treće strane putem tih elemenata.

Okvir nije pop-up prozor i nije pokušaj nametanja posjetitelja. Također je moguće razumjeti razvojnog programera koji ne želi da njegov proizvod bude prikazan na drugom mjestu kao pozadina “plesačica”.

Međutim, postoji dovoljan broj aplikacija kada su i programeri web-resursa (ili dokumenta) i razvojni korisnici tog resursa zainteresirani jedni za druge u svom proizvodu. Na primjer, Google karte ili videozapisi s usluge YouTube. Postoje i druge popularne ideje: vremenska prognoza, tečajevi, očitanja instrumenata, statistika.

Okvir je prozor u svijet podataka koje netko prikuplja, obrađuje i predstavlja na svom web-resursu. Također im nudi pristup putem okvira na potrošačkoj stranici, obično kroz sustav zahtjeva ili specijalizirani API (biblioteka funkcija).

HTML "iframe": primjer uvjeta za upotrebu

Ne može svaka stranica biti prikazana u iframeu. Prije planiranja korištenja okvira na njegovoj web stranici, programer se mora složiti s vlasnikom web-resursa ili dokumenta koji će prikazati na svojoj web-stranici u nekom obliku. Na primjer, videozapis s usluge YouTube može se uključiti u oznaku okvira, kao što je prikazano u nastavku (pritisnuta je desna tipka miša na web-lokaciji razvojnog programera).

Kopiranjem predloženog "HTML-koda" možete sigurno umetnuti željeni tok informacija o videozapisu na svoju web-lokaciju. Oznaka će sadržavati sve što vam je potrebno: i veličinu i uvjete prikaza. Prikladno smjestite oznaku "iframe" HTML div - To će vam omogućiti optimalno pozicioniranje sadržaja treće strane unutar vlastite web-lokacije.

Rekurzija i okviri: praktični primjer

Sumnjivo je da iframe očekuje bolju sudbinu od okvira. Razvoj raščlanjivanja i relevantnost informacija prikupljenih kriterijima čine izglede za prikazivanje sadržaja drugih ljudi u duhovnom formatu “kakav jest”. To postaje poželjan format "kako bi trebao".

Međutim, danas je idealno (i po redu stvari) primjenjivati ​​prakse Googlea i Youtubea, kao i vremenske, političke, statističke, glazbene, igre i druge resurse osmišljene za upotrebu u okviru okvira ili druge treće strane.

U gornjem primjeru postoje tri primjera HTML "iframe":

• Google karta;
• videozapis s web-lokacije treće strane;
• video s YouTubea.

Posljednji, četvrti okvir odnosi se na mjesto na kojem se nalaze svi ti okviri. Slika s lijeve strane je stranica nakon preuzimanja. Slika desno je mjesto u procesu prikazivanja nakon nekog vremena (video u svakom kadru "teče" u svom ritmu), ali klizač u (4!) Se pomiče prema dolje. Jasno se vidi da su karta i videozapis još uvijek prikazani, ali sam prikaz nije funkcionirao.

Kôd za "iframe" i stil za ovaj primjer prikazani su u nastavku.

Smjestiti okvir u divi je prikladno ne samo u smislu pozicioniranja. Okvir se može stvoriti u letu. JavaScript omogućuje stvaranje HTML oznaka, uključujući okvire. JavaScript je potpuno opremljen jezik koji služi svim HTML sadržajima. Može raditi rekurzivno, adaptivno, prilagoditi se interesima posjetitelja u procesu dijaloga.

Okvir nije samo statičan. Sadržaj je odvojen od sadržaja stranice na kojoj se nalazi. Možete zamisliti načine razmjene informacija između stvarno različitih resursa, ali to je iz niza zadataka razmjene informacija između različitih domena.

Ali ne samo razmjena informacija i rekurzija ne podliježe punom HTML-u. Iframe je primjer oznake koju morate posebno pažljivo testirati u određenoj situaciji prije korištenja.

Nije svaka stranica suglasna i nije svaki sadržaj dostupan. Pitanje nije samo u autorskim pravima. Na mogućnost prikaza informacija u okviru mogu utjecati preglednik, posjetitelj, programer resursa ili poslužitelj na kojem se resurs nalazi.

Sadržaj vlastitog parsiranja ili sadržaja treće strane

Što su okviri u smislu sadržaja web-lokacije? Ovo je njegov dodatak. Programer pravi web stranicu za trgovinu s naslovnim znakovima Webmoneya, a njegova je odluka da postavi prozor s dinamikom tečaja razumna. Sadržaj izravno s same razmjene obećava više od parsiranja i vlastitog razvoja.

Programer čini trgovinu robe široke potrošnje, a njegova želja da ponudi posjetitelju priliku da vidi stranicu proizvođača svakog proizvoda je težak zadatak, ali atraktivan za klijenta. Možda će ova strategija učiniti trgovinu boljom od onih uključenih u raščlanjivanje web stranica proizvođača robe, a češće od konkurenata.

Što je okvir za davatelja sadržaja? To je pružanje informacija. U biti, to je stabilizacija rada tvrtke, koja možda uopće ne stvara vlastitu web stranicu za rad, već se fokusira na korištenje okvira. Konkretno, nema sumnje da je Google karte odlična ideja, ali je idealna u određenoj primjeni:

• putnička agencija - rute i prometna karta;
• Isporuka tereta - kalkulacije puta, financijski troškovi, punjenje goriva itd.;
• navigatori u gradovima i regijama ...

U tom kontekstu, potrebni su okviri, čineći stranicu praktičnijom. I programer može jednostavno stvoriti prozor sadržaja treće strane. HTML "iframe" primjer je praktične podjele rada. Jedna organizacija dostavlja informacije, a druga je klijentu.

Teško je reći što je budućnost internetskog programiranja. Sve se razvija tako dinamično, a hardverska komponenta pruža sve više mogućnosti. Možda je HTML iframe primjer idealne kombinacije raznih web resursa i internetskih tehnologija. Možda je to samo pozornica na putu stvaranja obećavajućih ideja.

U svakom slučaju, upotreba iframe oznake jest i ona je tražena u značajnom rasponu praktičnih zadataka.