HTML5, éléments intégrés - Partie 2

Plusieurs fois dans nos documents HTML Il faut enrichir le contenu et il ne s'agit plus d'ajouter une image mais aussi de le faire au niveau des médias en général, pour cela il faut inclure du contenu d'autres pages, inclure des vidéos, etc. Pour ce faire, nous allons voir comment intégrer d'autres types d'éléments que des images.
Pour inclure du contenu HTML, nous utiliserons l'élément iframe, Cet élément nous permet d'inclure une autre page que celle en cours dans notre document, les attributs qu'elle possède sont les suivants :

• src
• srcdoc
• patate douce
• largeur
• la taille
• bac à sable
• sans couture

Regardons un exemple au niveau du code de la façon d'implémenter un iframe dans un document HTML5 :

 Exemple

Fruits que j'aime
Activités que j'aime

Dans cet exemple, nous voyons comment nous utilisons certains éléments à pour générer des liens avec lesquels nous pouvons charger un document différent dans le iframe, nous y voyons des attributs tels que patate douce qui indique le nom de l'élément, comme largeur Oui la taille qui nous permettent de définir la taille de l'élément.
Voyons à quoi ressemble cet exemple lorsque nous l'exécutons dans notre navigateur :

En HTML5, nous avons deux nouveaux attributsVoyons le premier sans couture, cet attribut nous permet de montrer le iframe comme s'il faisait partie intégrante de notre document, c'est-à-dire qu'un utilisateur ne se rendrait pas compte qu'il voit un contenu qui n'appartient pas au site, le deuxième attribut, bac à sable, cela nous aide à empêcher les attributs suivants de fonctionner dans le document qui s'ouvre dans le iframe :

• scripts
• formes
• plug-ins
• liens vers d'autres documents

Les valeurs que peut prendre l'attribut bac à sable Ils sont les suivants:

• formulaires d'autorisation : Permet l'utilisation de formulaires.
• autoriser les scripts : Il permet l'utilisation de scripts, tels que javascript.
• autoriser-haut-navigation : Il active les liens afin qu'ils puissent remplacer le document courant à partir duquel le iframe ou également ouvrir de nouveaux onglets et fenêtres.
• autoriser la même origine : Il permet au contenu de la iframe être traité comme s'il avait été généré dans le même document qui effectue l'appel.

Cet élément nous permet d'incorporer des objets dans notre document HTML, comme une vidéo de Youtube, Regardons un exemple de ceci :

 Exemple 

Comme nous pouvons le voir dans l'exemple, nous avons l'attribut src qui indique la source de l'objet à intégrer, puis le taper qui nous dit de quel type d'objet il s'agit, ainsi que la largeur et le la taille pour définir la taille de notre élément.
Cet élément est très utile pour continuer à enrichir nos pages, maintenant non seulement avec d'autres documents et images, mais aussi avec des vidéos et du contenu flash.
Avec cela nous terminons ce tutoriel, nous devrions déjà être en mesure de produire des documents HTML enrichies, qui s'adaptent à l'image que nous pouvons avoir dans notre esprit de l'apparence de notre page, que ce soit pour afficher des images ou des vidéos provenant de différents types de sources.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif