Manuel de dével...login
Manuel de développement HTML
auteur:php.cn  temps de mise à jour:2022-04-11 17:45:33

Cadre HTML



En utilisant des cadres, vous pouvez afficher plusieurs pages dans la même fenêtre de navigateur.


Syntaxe iframe :

<iframe src="URL"></iframe>
Cette URL pointe vers une autre page Web.

Iframe - Définir la hauteur et la largeur

Les attributs height et width sont utilisés pour définir la hauteur et la largeur de la balise iframe.

Les propriétés sont en pixels par défaut, mais vous pouvez spécifier qu'elles s'affichent proportionnellement (par exemple "80%").

Exemple

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

<p>一些旧的浏览器不支持 iframe。</p>
<p>如果浏览器不支持 iframes 则不会显示。</p>


</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne


Iframe - supprimer la bordure

frameborder attribut Lors de la définition de l'iframe, il indique s'il faut afficher la bordure.

Définissez la valeur de l'attribut sur "0" pour supprimer la bordure iframe :

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<iframe src="http://www.w3cschool.cc/" width="200" height="200" frameborder="0">
 <p>您的浏览器不支持  iframe 标签。</p>
</iframe>

</body>
</html>

Exécutez l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne


Utilisez iframe pour afficher la page de lien du répertoire

iframe peut afficher un lien cible page

Les attributs du lien cible doivent utiliser les attributs de l'iframe, comme indiqué ci-dessous :

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body>

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.php.cn" target="iframe_a">php.cn</a></p>

<p><b>注意:</b> 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架,所以在点击链接时页面会显示在 iframe框架中。</p>

</body>
</html>

Exécution de l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne


Balise iframe HTML

< tbody>
BaliseDescription
<iframe>
标签说明
<iframe>定义一个内联的iframe
Définir une iframe en ligne

Site Web PHP chinois