HTML5, Embedded Elements - Del 2

Mange gange i vores dokumenter HTML Vi skal berige indholdet, og det er ikke længere et spørgsmål om at tilføje et billede, men også at gøre det på medieniveau generelt, for dette skal vi inkludere indhold fra andre sider, inkludere videoer osv. For at gøre dette vil vi se, hvordan man integrerer andre typer andre elementer end billeder.
For at inkludere HTML -indhold bruger vi elementet iframe, Dette element giver os mulighed for at inkludere en anden side end den aktuelle i vores dokument, de attributter, den har, er følgende:

• src
• srcdoc
• yam
• bredde
• højde
• sandkasse
• sømløs

Lad os se på et eksempel på kodeniveau for, hvordan man implementerer a iframe i et HTML5 -dokument:

 Eksempel

Frugter jeg kan lide
Aktiviteter jeg kan lide

I dette eksempel ser vi, hvordan vi bruger nogle elementer til at generere links, som vi kan indlæse et andet dokument i iframe, inden for det ser vi attributter som f.eks yam som angiver elementets navn, som bredde Y højde der tillader os at indstille elementets størrelse.
Lad os se, hvordan dette eksempel ser ud, når vi kører det i vores browser:

I HTML5 har vi to nye attributterLad os se det første sømløs, denne attribut giver os mulighed for at vise iframe som om det var en integreret del af vores dokument, det vil sige, at en bruger ikke ville indse, at han ser indhold, der ikke tilhører webstedet, den anden attribut, sandkasse, det hjælper os med at forhindre følgende attributter i at fungere i det dokument, der åbnes i iframe:

• scripts
• former
• plugins
• links til andre dokumenter

De værdier, som attributten kan tage sandkasse er som følgende:

• tilladelsesformularer: Muliggør brug af formularer.
• allow-scripts: Det muliggør brug af scripts, f.eks. Javascript.
• Tillad-top-navigation: Det muliggør links, så de kan erstatte det aktuelle dokument, hvorfra iframe eller også åbne nye faner og vinduer.
• tillad-samme-oprindelse: Det tillader indholdet af iframe blive behandlet som om det var blevet genereret i det samme dokument, der foretager opkaldet.

Dette element giver os mulighed for at inkorporere objekter i vores HTML -dokument, f.eks. En video af Youtube, Lad os se på et eksempel på dette:

 Eksempel 

Som vi kan se i eksemplet, har vi attributten src der angiver kilden til det objekt, der skal indlejres, derefter type som fortæller os hvilken type objekt det er, samt bredde og højde for at indstille størrelsen på vores element.
Dette element er ganske nyttigt, når vi fortsat beriger vores sider, nu ikke kun med andre dokumenter og billeder, men også med videoer og flashindhold.
Med dette afslutter vi denne vejledning, vi burde allerede være i stand til at producere dokumenter HTML beriget, der tilpasser sig det billede, vi kan have i tankerne om, hvordan vores side skal se ud, enten for at vise billeder eller videoer fra forskellige typer kilder.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt