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
Balise | Description | ||||
---|---|---|---|---|---|
<iframe>
| Définir une iframe en ligne | tr>