HTML5, Embedded Elements - část 2

Mnohokrát v našich dokumentech HTML Musíme obohatit obsah a již nejde o přidání obrázku, ale také o to, abychom to udělali obecně na mediální úrovni, proto musíme zahrnout obsah z jiných stránek, videa atd. Chcete -li to provést, uvidíme, jak vložit jiné typy prvků než obrázky.
K zahrnutí obsahu HTML použijeme prvek iframe, Tento prvek nám umožňuje zahrnout do našeho dokumentu jinou stránku, než je ta aktuální, atributy, které má, jsou následující:

• src
• srcdoc
• jam
• šířka
• výška
• pískoviště
• bezešvý

Podívejme se na příklad na úrovni kódu, jak implementovat iframe v dokumentu HTML5:

 Příklad

Ovoce, které mám rád
Činnosti, které mám rád

V tomto příkladu vidíme, jak používáme některé prvky na ke generování odkazů, pomocí kterých můžeme načíst jiný dokument do souboru iframe, v něm vidíme atributy jako např jam který označuje název prvku, jako šířka Y výška které nám umožňují nastavit velikost prvku.
Podívejme se, jak tento příklad vypadá, když jej spustíme v prohlížeči:

V HTML5 máme dva nové atributyPodívejme se na první bezešvý, tento atribut nám umožňuje ukázat iframe jako by to byla nedílná součást našeho dokumentu, to znamená, že by si uživatel neuvědomil, že vidí obsah, který na web nepatří, druhý atribut, pískoviště, pomáhá nám to zabránit tomu, aby následující atributy fungovaly v dokumentu, který se otevře v souboru iframe:

• skripty
• formuláře
• pluginy
• odkazy na další dokumenty

Hodnoty, které atribut může nabývat pískoviště jsou následující:

• povolit-formy: Umožňuje použití formulářů.
• allow-scripts: Umožňuje použití skriptů, například javascriptu.
• allow-top-navigation: Umožňuje odkazy, aby mohly nahradit aktuální dokument, ze kterého iframe nebo také otevřete nové karty a okna.
• allow-same-origin: Umožňuje obsah souboru iframe zacházeno, jako by bylo vygenerováno ve stejném dokumentu, který volá.

Tento prvek nám umožňuje začlenit do našeho dokumentu HTML objekty, například video z Youtube, Podívejme se na příklad tohoto:

 Příklad 

Jak vidíme na příkladu, atribut máme src , který označuje zdroj objektu, který má být vložen, pak typ což nám říká, o jaký typ objektu se jedná, stejně jako o šířka a výška nastavit velikost našeho prvku.
Tento prvek je velmi užitečný při pokračování v obohacování našich stránek, nyní nejen o další dokumenty a obrázky, ale také o videa a flash obsah.
S tímto dokončujeme tento tutoriál, měli bychom být již schopni vytvářet dokumenty HTML obohacené, které se přizpůsobují obrazu, který si možná myslíme o tom, jak by měla naše stránka vypadat, a to buď pro zobrazení obrázků nebo videí z různých typů zdrojů.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod