HTML5, Embedded Elements - Del 2

Mange ganger i dokumentene våre HTML Vi må berike innholdet, og det er ikke lenger et spørsmål om å legge til et bilde, men også å gjøre det på medienivå generelt, for dette må vi inkludere innhold fra andre sider, inkludere videoer osv. For å gjøre dette, vil vi se hvordan du legger inn andre typer andre elementer enn bilder.
For å inkludere HTML -innhold bruker vi elementet iframe, Dette elementet lar oss inkludere en annen side enn den nåværende i dokumentet vårt, attributtene det har er følgende:

• src
• srcdoc
• jamm
• bredde
• høyde
• Sandkasse
• sømløs

La oss se på et eksempel på kodenivå for hvordan du implementerer a iframe i et HTML5 -dokument:

 Eksempel

Frukt jeg liker
Aktiviteter jeg liker

I dette eksemplet ser vi hvordan vi bruker noen elementer til for å generere lenker som vi kan laste inn et annet dokument i iframe, innenfor det ser vi attributter som f.eks jamm som angir navnet på elementet, som bredde Y høyde som lar oss angi størrelsen på elementet.
La oss se hvordan dette eksemplet ser ut når vi kjører det i nettleseren vår:

I HTML5 har vi to nye attributterLa oss se det første sømløs, denne attributten lar oss vise iframe som om det var en integrert del av dokumentet vårt, det vil si at en bruker ikke ville innse at han ser innhold som ikke tilhører nettstedet, det andre attributtet, Sandkasse, det hjelper oss med å forhindre at følgende attributter fungerer i dokumentet som åpnes i iframe:

• skript
• skjemaer
• plugins
• lenker til andre dokumenter

Verdiene som attributtet kan ta Sandkasse er som følger:

• tillat-skjemaer: Gjør det mulig å bruke skjemaer.
• allow-scripts: Det muliggjør bruk av skript, for eksempel javascript.
• tillate-topp-navigasjon: Det gjør koblingene slik at de kan erstatte det gjeldende dokumentet som iframe eller også åpne nye faner og vinduer.
• tillat-samme-opprinnelse: Det tillater innholdet i iframe bli behandlet som om den hadde blitt generert i det samme dokumentet som ringer.

Dette elementet lar oss innlemme objekter i vårt HTML -dokument, for eksempel en video av Youtube, La oss se på et eksempel på dette:

 Eksempel 

Som vi kan se i eksemplet, har vi attributtet src som angir kilden til objektet som skal legges inn, deretter type som forteller oss hvilken type objekt det er, samt bredde og høyde for å angi størrelsen på elementet vårt.
Dette elementet er ganske nyttig når du fortsetter å berike sidene våre, nå ikke bare med andre dokumenter og bilder, men også med videoer og flash -innhold.
Når vi er ferdig med denne opplæringen, bør vi allerede kunne produsere dokumenter HTML beriket, som tilpasser seg bildet vi kan ha i tankene om hvordan siden vår skal se ut, enten for å vise bilder eller videoer fra forskjellige typer kilder.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng