Kako vstaviti iframe v HTML: primer uporabe

Na zacetku izgradnje spletnega mesta so spletni viri uporabili okvirje, ki so prikazovali posamezne dele strani. Toda s prihodom nove različice HTML 5 se je vse spremenilo. Elementi označevanja <okvir

Kaj so okvirji?

Okvir je osnova večine prvih spletnih strani. Če dobesedno prevajate, ta beseda pomeni "okvir", to pomeni, da je okvir majhen del strani v brskalniku. Razširjeno uporabo okvirjev v preteklosti je mogoče razložiti z nizko kakovostjo in visokimi stroški internetnega prometa. Spletna stran je praviloma razdeljena na 3-5 delov, od katerih je vsak izpolnil določen namen:

• "Cap" (zgornji okvir na širini strani) - prikaže ime vira;
• levo / desno "steklo" - izhod v meniju;
• osrednji okvir je prikaz vsebine spletnega mesta.

Razdelitev strani na dele, ki so dovoljeni za preobremenitev le določenega dela pri posodabljanju. Uporabnik je na primer kliknil element menija in prenesel novo vsebino v osrednji okvir.

Moderni okvirji v HTML 5

Zakaj uporabljati HTML <iframe? Primer je vstavljanje vsebine iz vira tretje osebe. Klasična situacija je, če spletni razvijalec želi prikazati položaj predmeta na zemljevidu. Kako biti? Nariši načrt terena? Ne - obstaja preprostejša rešitev: vdelati element Google Map, Yandex Maps ali 2GIS na strani. Težava se reši v štirih dejanjih.

1. Morate iti na spletno mesto katere koli kartografske storitve.
2. Poiščite želeni predmet. Če poznate točen naslov, ga lahko vnesete v iskalno polje.
3. Uporabite gumb »Shrani in prejemaj« (za »Yandex.Map«) ali »Končano« (za Google zemljevide), da vnesete kodo.
4. Ostanki vnesejo oznake za oznake na strani.

Poleg tega lahko izberete velikost zemljevida in konfigurirate druge možnosti prikaza.

Kako drugače lahko uporabljam HTML? <iframe>? Primer je vstavljanje video materiala iz vira Youtube. Multimedijska tehnologija privablja uporabnike interneta, zato je video vsebina tako priljubljena. Z namestitvijo razvijalcev videoposnetkov se bo hitro soočil.

1. V Youtube naložite svoj videoposnetek ali poiščite datoteko tretje osebe za oddajanje.
2. Pridobite oznako tako, da izberete gumb »HTML«
3. Končni ukrep je vstaviti v HTML koda

Oba primera sta uporabili samodejno ustvarjanje kode, profesionalni razvijalci pa bi morali biti zmožni sami sestaviti. Prvič, jim omogoči, da razumejo postavitev strani in jo po potrebi spremenijo. Drugič, ni vedno označevanje elementov mesta (čeprav pripadajo zunanjemu viru), se oblikuje brez sodelovanja spletnega skrbnika. Tukaj je visoka usposobljenost razvijalca.

Sintaksa

Torej, preden začnete postavitev strani, morate upoštevati oznako iframe (html): kakšno je in kako jo pravilno uporabiti.

Najprej je treba opozoriti, da je oznaka seznanjena. Med elementi za odpiranje in zapiranje določite vsebino, ki bo prikazana v brskalnikih, ki ne podpirajo tega elementa postavitve. Glavni atributi oznake:

• širina (širina);
• višina;
• src (naslov naloženega vira);
• poravnava (metoda poravnave);
• frameborder;
• dopustni zaslon.

Tako je koda za

Pri rezultatih označevanja je dovolj, da naslov spletnega mesta zamenjajte z drugimi in, če je potrebno, popravite velikost okvirja.