HTML5, Ugrađeni elementi - 2. dio

Mnogo puta u našim dokumentima HTML Moramo obogatiti sadržaj i više se ne radi o dodavanju slike, već i općenito o tome na medijskoj razini, jer za to moramo uključiti sadržaj s drugih stranica, uključiti videozapise itd. Da bismo to učinili, vidjet ćemo kako ugraditi druge vrste elemenata osim slika.
Za uključivanje HTML sadržaja koristit ćemo element iframe, Ovaj nam element omogućuje da u svoj dokument uključimo stranicu koja nije trenutna, atributi koje ima su sljedeći:

• src
• srcdoc
• jam
• širina
• visina
• pješčanik
• bešavne

Pogledajmo primjer na razini koda kako implementirati iframe u HTML5 dokumentu:

 Primjer

Voće koje volim
Aktivnosti koje volim

U ovom primjeru vidimo kako koristimo neke elemente do za generiranje veza pomoću kojih možemo učitati drugi dokument u iframe, unutar njega vidimo atribute kao što su jam koji označava naziv elementa, na primjer širina Y visina koji nam omogućuju postavljanje veličine elementa.
Pogledajmo kako ovaj primjer izgleda kada ga pokrenemo u svom pregledniku:

U HTML5 imamo dva nova atributaPogledajmo prvi besprijekorno, ovaj atribut nam omogućuje da prikažemo iframe kao da je sastavni dio našeg dokumenta, odnosno korisnik ne bi shvatio da vidi sadržaj koji ne pripada web mjestu, drugi atribut, pješčanik, pomaže nam spriječiti sljedeće atribute u radu u dokumentu koji se otvara u iframe:

• skripte
• oblika
• dodaci
• poveznice na druge dokumente

Vrijednosti koje atribut može poprimiti pješčanik su kako slijedi:

• dopušteni oblici: Omogućuje korištenje obrazaca.
• skripte dozvole: Omogućuje korištenje skripti, kao što je javascript.
• dozvoli-top-navigaciju: Omogućuje veze tako da mogu zamijeniti trenutni dokument iz kojeg se iframe ili otvorite nove kartice i prozore.
• dopustiti-istog podrijetla: Omogućuje sadržaj iframe biti tretiran kao da je generiran unutar istog dokumenta koji upućuje poziv.

Ovaj nam element omogućuje uključivanje objekata u naš HTML dokument, poput videozapisa Youtube, Pogledajmo primjer ovoga:

 Primjer 

Kao što vidimo u primjeru imamo atribut src koji označava izvor objekta koji se ugrađuje, zatim tip koja nam govori o kakvoj se vrsti objekta radi, kao i o širina i visina postaviti veličinu našeg elementa.
Ovaj je element vrlo koristan za nastavak obogaćivanja naših stranica, sada ne samo drugim dokumentima i slikama, već i videozapisima i flash sadržajima.
Ovim smo završili ovaj vodič, već bismo trebali moći izraditi dokumente HTML obogaćeni, koji se prilagođavaju slici koju možda imamo u umu o tome kako bi naša stranica trebala izgledati, bilo za prikazivanje slika ili videozapisa iz različitih vrsta izvora.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod