Derniers tutoriels de développement web

HTML Iframe


Un iframe est utilisé pour afficher une page Web dans une page Web.


Description du cadre

Cadres permettent une fenêtre de navigateur visuel HTML pour être divisé en segments, dont chacun peut montrer un autre document. Cela peut réduire l'utilisation de la bande passante, comme la répétition des parties d'une mise en page peuvent être utilisés dans un cadre, alors que le contenu variable est affiché dans un autre.

Cela peut arriver à un certain coût d'utilisation, en particulier dans les agents utilisateurs non visuels, en raison de documents séparés et indépendants (ou sites) étant affiché à côté de l'autre et être autorisés à interagir avec la même fenêtre parent.

En raison de ce coût, les cadres (à l'exclusion de l'élément iframe) ne sont autorisés que dans HTML 4.01 Frame set.

Iframe peuvent également contenir des documents sur des serveurs différents. Dans ce cas, l'interaction entre les fenêtres est bloqué par le navigateur.


iframe Syntaxe

La syntaxe pour ajouter un iframe est:

<iframe src=" URL "></iframe>

Le src attribut spécifie l'URL (web address) de la page iframe.


Iframe - Set hauteur et la largeur

Utilisez la hauteur et la largeur des attributs pour définir la taille.

Les valeurs d'attribut sont spécifiées en pixels par défaut, mais ils peuvent aussi être en pour cent (like "80%") .

Exemple

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
Essayez vous - même »

Iframe - Retirer la frontière

Par défaut, un iframe a une bordure noire autour d'elle.

Pour supprimer la bordure, ajoutez le style de l' attribut et utiliser la propriété CSS border:

Exemple

<iframe src="demo_iframe.htm" style="border:none"></iframe>
Essayez vous - même »

Avec CSS, vous pouvez aussi changer la taille, le style et la couleur de la bordure de l'iframe:

Exemple

<iframe src="demo_iframe.htm" style="border:5px dotted red"></iframe>
Essayez vous - même »

Utilisez iframe comme cible pour un lien

Un iframe peut être utilisé en tant que trame cible pour un lien.

L' target attribut du lien doit faire référence au name attribut de l'iframe:

Exemple

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a></p>
Essayez vous - même »

HTML iframe Tag

Marque La description
<iframe> Définit un cadre en ligne

Testez-vous avec des exercices!

Exercice 1 » Exercice 2» Exercice 3 » Exercice 4»