HTML5, ingesloten elementen - deel 2

Vaak in onze documenten HTML We moeten de inhoud verrijken en het is niet langer een kwestie van het toevoegen van een afbeelding maar ook van het doen op medianiveau in het algemeen, hiervoor moeten we inhoud van andere pagina's opnemen, video's opnemen, enz. Om dit te doen, zullen we zien hoe we andere soorten elementen dan afbeeldingen kunnen insluiten.
Om HTML-inhoud op te nemen, gebruiken we het element iframe, Met dit element kunnen we een andere pagina dan de huidige in ons document opnemen, de kenmerken die het heeft zijn de volgende:

• src
• srcdoc
• yam
• breedte
• hoogte
• zandbak
• naadloos

Laten we eens kijken naar een voorbeeld op codeniveau van het implementeren van a iframe in een HTML5-document:

 Voorbeeld

Fruit dat ik lekker vind
Activiteiten die ik leuk vind

In dit voorbeeld zien we hoe we sommige elementen gebruiken tot om links te genereren waarmee we een ander document kunnen laden binnen de iframe, daarin zien we attributen zoals yam die de naam van het element aangeeft, zoals breedte Y hoogte waarmee we de grootte van het element kunnen instellen.
Laten we eens kijken hoe dit voorbeeld eruitziet wanneer we het in onze browser uitvoeren:

In HTML5 hebben we twee nieuwe attributenLaten we de eerste zien naadloos, dit attribuut stelt ons in staat om de iframe alsof het een integraal onderdeel van ons document zou zijn, dat wil zeggen, een gebruiker zou zich niet realiseren dat hij inhoud ziet die niet tot de site behoort, het tweede kenmerk, zandbak, helpt het ons om te voorkomen dat de volgende attributen werken in het document dat wordt geopend in de iframe:

• scripts
• formulieren
• plug-ins
• links naar andere documenten

De waarden die het attribuut kan aannemen zandbak zijn als volgt:

• toestemmingsformulieren: Maakt het gebruik van formulieren mogelijk.
• toestaan-scripts: Het maakt het gebruik van scripts mogelijk, zoals javascript.
• toestaan-top-navigatie: Het maakt de koppelingen mogelijk zodat ze het huidige document kunnen vervangen waaruit de iframe of open ook nieuwe tabbladen en vensters.
• toestaan-zelfde-oorsprong: Het laat de inhoud van de iframe worden behandeld alsof het is gegenereerd in hetzelfde document dat de oproep doet.

Met dit element kunnen we objecten in ons HTML-document opnemen, zoals een video van Youtube, Laten we eens kijken naar een voorbeeld hiervan:

 Voorbeeld 

Zoals we in het voorbeeld kunnen zien, hebben we het attribuut src die de bron aangeeft van het object dat moet worden ingesloten, dan is de type die ons vertelt wat voor soort object het is, evenals de breedte en de hoogte om de grootte van ons element in te stellen.
Dit element is erg handig om onze pagina's te blijven verrijken, nu niet alleen met andere documenten en afbeeldingen, maar ook met video's en flash-inhoud.
Hiermee sluiten we deze tutorial af, we zouden al in staat moeten zijn om documenten te produceren HTML verrijkt, die zich aanpassen aan het beeld dat we in onze gedachten hebben van hoe onze pagina eruit zou moeten zien, om afbeeldingen of video's van verschillende soorten bronnen weer te geven.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven