Cadre HTML
Définition et utilisation
La balise <frame> définit une fenêtre (cadre) spécifique dans le jeu de cadres.
Chaque cadre du jeu de cadres peut être défini avec différentes propriétés, telles que la bordure, le défilement, la taille normale, etc.
Différences entre HTML et XHTML
En HTML, la balise <frame>
En XHTML, la balise <frame> doit être correctement fermée.
Conseils et notes :
Remarque : Si vous souhaitez valider des pages contenant des cadres, assurez-vous que le doctype est défini sur "Frameset DTD". En savoir plus sur DOCTYPE.
Important : Vous ne pouvez pas utiliser la balise <body></body> avec la balise <frameset></frameset> Cependant, si vous devez ajouter une balise <noframes> pour les navigateurs qui ne prennent pas en charge les frames, assurez-vous de placer la balise <body></body>
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 apparaissent proportionnellement (par exemple "80%").
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
<p>一些旧的浏览器不支持 iframe。</p>
<p>如果浏览器不支持 iframes 则不会显示。</p>
</body>
</html>
Iframe - supprimer les bordures
L'attribut frameborder permet de définir si l'iframe indique s'il faut afficher la bordure.
Définissez la valeur de l'attribut sur "0" pour supprimer la bordure iframe :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<iframe src="http://www.php.com" width="200" height="200" frameborder="0">
<p>您的浏览器不支持 iframe 标签。</p>
</iframe>
</body>
</html>
Utilisez iframe pour afficher la page de lien du répertoire
iframe peut afficher une page de lien cible
Les attributs du lien cible doivent utiliser les attributs d'iframe, comme le montre l'exemple suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.php.com" target="iframe_a">php.cn</a></p>
<p><b>注意：</b> 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架，所以在点击链接时页面会显示在 iframe框架中。</p>
</body>
</html>
section suivante