HTML5, inbäddade element - del 2

Många gånger i våra dokument HTML Vi måste berika innehållet och det handlar inte längre om att lägga till en bild utan också att göra det på medienivå i allmänhet, för detta måste vi inkludera innehåll från andra sidor, inkludera videor etc. För att göra detta kommer vi att se hur vi kan bädda in andra typer av element än bilder.
För att inkludera HTML -innehåll använder vi elementet iframe, Detta element tillåter oss att inkludera en annan sida än den nuvarande i vårt dokument, attributen den har är följande:

• src
• srcdoc
• jams
• bredd
• höjd
• sandlåda
• sömlös

Låt oss titta på ett exempel på kodnivå för hur man implementerar en iframe i ett HTML5 -dokument:

 Exempel

Frukt jag gillar
Aktiviteter jag gillar

I det här exemplet ser vi hur vi använder vissa element till att generera länkar som vi kan ladda ett annat dokument inom iframe, inom det ser vi attribut som t.ex. jams som anger elementets namn, som bredd Y höjd som gör att vi kan ställa in elementets storlek.
Låt oss se hur det här exemplet ser ut när vi kör det i vår webbläsare:

I HTML5 har vi två nya attributLåt oss se det första sömlös, med detta attribut kan vi visa iframe som om det vore en integrerad del av vårt dokument, det vill säga att en användare inte skulle inse att han ser innehåll som inte tillhör webbplatsen, det andra attributet, sandlåda, det hjälper oss att förhindra att följande attribut fungerar i det dokument som öppnas i iframe:

• skript
• former
• plugins
• länkar till andra dokument

De värden som attributet kan ta sandlåda är följande:

• tillåt-formulär: Gör det möjligt att använda formulär.
• allow-scripts: Det möjliggör användning av skript, till exempel javascript.
• allow-top-navigation: Det möjliggör länkarna så att de kan ersätta det aktuella dokumentet från vilket iframe eller öppna även nya flikar och fönster.
• tillåt-samma-ursprung: Det tillåter innehållet i iframe behandlas som om det hade genererats i samma dokument som gör samtalet.

Detta element gör att vi kan införliva objekt i vårt HTML -dokument, till exempel en video av Youtube, Låt oss titta på ett exempel på detta:

 Exempel 

Som vi kan se i exemplet har vi attributet src som anger källan till objektet som ska bäddas in, sedan typ som berättar vilken typ av objekt det är, liksom bredd och den höjd för att ställa in storleken på vårt element.
Detta element är ganska användbart när vi fortsätter att berika våra sidor, nu inte bara med andra dokument och bilder, utan också med videor och flashinnehåll.
Med detta avslutar vi denna handledning, vi borde redan kunna producera dokument HTML berikade, som anpassar sig till den bild som vi kan tänka på hur vår sida ska se ut, antingen för att visa bilder eller videor från olika typer av källor.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng