Maison > Article > interface Web > Comment utiliser le framework HTML
Comment utiliser le framework HTML
- 墨辰丷original
- 2018-06-04 15:40:338005parcourir
Une fenêtre de document de navigateur ne peut afficher qu'un seul fichier de page Web, mais vous pouvez afficher plusieurs pages dans la même fenêtre de navigateur en utilisant des cadres HTML
. 1. Cadres
Une fenêtre de document de navigateur ne peut afficher qu'un seul fichier de page Web, mais vous pouvez afficher plusieurs pages dans la même fenêtre de navigateur en utilisant des cadres. Les pages qui utilisent des cadres comprennent principalement deux parties, l'une est l'ensemble de cadres et l'autre est le fichier de cadre spécifique.
Les frames sont principalement utilisés pour la mise en page des backends de sites Web ou des systèmes intranet.
1. Frameset (f900b4fc197b16ab214eecf015bb6bd2eb5f059992a0ae0ef16884cb75644e40) : est un fichier utilisé pour définir ce document HTML comme mode cadre et définir la façon dont la fenêtre est divisée. En termes simples, un jeu de cadres est un fichier qui stocke la structure du cadre et constitue également un fichier d'entrée permettant d'accéder aux fichiers de cadre. Si une page Web se compose de deux cadres gauche et droit, en plus des deux fichiers de page Web gauche et droit, il existe également un fichier de jeu de cadres général. Dans les pages qui utilisent des cadres, la balise 6c04bd5ca3fcae76e30b72ad730ca86d est remplacée par la balise frame f900b4fc197b16ab214eecf015bb6bd2. Chaque cadre contenu dans la page de cadre est défini via la balise 04a0d55efbbfd646a993fbc01f262c57
Attribut rows : divise la fenêtre horizontalement. Les fenêtres divisées horizontalement consistent à couper la page dans le sens horizontal, c'est-à-dire à diviser la page en plusieurs fenêtres disposées de haut en bas. Les lignes peuvent prendre plusieurs valeurs, chaque valeur représente la largeur horizontale d'une fenêtre frame et son unité peut être des pixels ou un pourcentage du navigateur. Cependant, il convient de noter que généralement lorsque plusieurs valeurs de lignes sont définies, plusieurs images sont requises, c'est-à-dire qu'un nombre correspondant de paramètres 04a0d55efbbfd646a993fbc01f262c57
<html>
<head>
<title>水平分割窗口的效果</title>
</head>
<frameset rows="30%,70%">
<frame>
<frame>
</frameset>
</html>Attribut cols : divise la fenêtre verticalement. Les fenêtres divisées verticalement consistent à diviser la page en plusieurs fenêtres dans le sens vertical, c'est-à-dire à diviser la page en plusieurs fenêtres disposées à gauche et à droite. cols peut prendre plusieurs valeurs, chaque valeur représente la largeur horizontale d'une fenêtre frame et son unité peut être des pixels ou un pourcentage du navigateur. Semblable à la fenêtre divisée horizontalement, généralement si vous définissez plusieurs valeurs de colonnes, vous devez avoir plusieurs cadres, c'est-à-dire qu'il existe plusieurs paramètres 04a0d55efbbfd646a993fbc01f262c57
<html>
<head>
<title>垂直分割窗口的效果</title>
</head>
<frameset cols="20%,55%,25%">
<frame>
<frame>
<frame>
</frameset>
</html>Attribut frameborder : définit la bordure. Par défaut, il y a une ligne de bordure autour de la fenêtre frame et l'affichage de la ligne de bordure peut être ajusté via le paramètre frameborder. La syntaxe est :
f98ae76e49a3782578bd40e62da1dc2f ou c5b7969984fb2e8aac6caebc0fbbd5b2. La valeur de frameborder ne peut être que 0 ou 1. Si la valeur est 0, la ligne de bordure sera masquée ; si la valeur est 1, la ligne de bordure sera affichée. Le définir dans frameset sera efficace pour l’ensemble du cadre, et le définir dans frame ne sera efficace que pour le cadre actuel.
<html> <head> <title>设置框架窗口的边框显示效果</title> </head> <frameset rows="20%,55%,25%"> <frame frameborder="1"> <frameset cols="35%,65%" frameborder="0"> <frame > <frame> </frameset> <frame frameborder="0"> </frameset> </html>
attribut framepacing : la largeur de la bordure du cadre. La largeur de la bordure du cadre est de 1 pixel par défaut, et sa taille peut être ajustée via les paramètres framepacing.
Syntaxe : ae05d3358afe595e12b6c78a661b7982
Explication : La largeur de la bordure est la largeur des lignes entre les bordures de la page, en pixels. Ce paramètre ne peut être utilisé que pour les jeux de cadres et n'est pas valide pour un seul cadre.
<html>
<head>
<title>设置框架的边框宽度</title>
</head>
<frameset rows="30%,70%" framespacing="10">
<frame>
<frameset cols="20%,55%,25%" framespacing="30">
<frame>
<frame>
<frame>
</frameset>
</frameset>
</html>propriété bordercolor : La couleur de la bordure du cadre. Utilisez le paramètre bordercolor pour définir la couleur de la bordure du jeu de cadres.
Syntaxe : f0d0dc684c56fd837e4f665fba7d841a
Remarque : Ce paramètre n'est également valable que pour l'ensemble du jeu de cadres, pas pour un seul cadre.
<html>
<head>
<title>设置框架的边框颜色</title>
</head>
<frameset rows="30%,70%" framespacing="10" bordercolor ="#CC99FF">
<frame>
<frameset cols="20%,55%,25%" framespacing="30" bordercolor ="#9900FF">
<frame>
<frame>
<frame>
</frameset>
</frameset>
</html>2. Attributs Frame (04a0d55efbbfd646a993fbc01f262c57) et src.
Chaque page de la structure du cadre est un texte distinct, et ces fichiers sont définis via le paramètre src.
Syntaxe : 9374058785d66e3777333d9c10511c87
Explication : Le fichier de page est l'endroit où se trouve le contenu spécifique de la page du cadre pour les cadres qui n'en ont pas. un ensemble de fichiers source, il est simplement vide. La page n'a aucun effet. Le fichier source de la page peut être un fichier HTML normal, ou il peut s'agir d'une image ou d'un autre fichier.
<html>
<head>
<title>设置页面源文件</title>
</head>
<frameset rows="30%,70%">
<frame src="pic01.gif">
<frame src="src01.html">
</frameset>
</html>3. La balise 37f861bd36cef5b6406eba87d20a5bab23a17d2cc9873ab460d73d80ccc8d7a4
37f861bd36cef5b6406eba87d20a5bab23a17d2cc9873ab460d73d80ccc8d7a4 cadres de support Afficher le contenu de la page.
<html>
<frameset cols="25%,50%,25%">
<frame src="/example/html/frame_a.html">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
<noframes>
<body>您的浏览器无法处理框架！</body>
</noframes>
</frameset>
</html>2. Cadre flottant (d5ba1642137c3f32f4f4493ae923989c)
Le cadre flottant est un cadre plus spécial. Il existe des sous-fenêtres. imbriquée dans la fenêtre du navigateur, c'est-à-dire que la page entière n'est pas une page frame, mais elle contient une fenêtre frame. Affichez le contenu de la page correspondante dans la fenêtre du cadre. Les frames flottants sont également appelés frames en ligne, d’où leur nom.
Syntaxe : ad192961bb22265041474a26e1e8d0cc065276f04003e4622c4fe6b64f465b88
Description : Semblable à la structure de cadre ordinaire, le cadre flottant peut également définir de nombreux paramètres, tels que comme nom, défilement, bordure de cadre, etc. Mais par rapport aux cadres ordinaires, les cadres flottants ne contiennent pas de paramètres framepacing et bordercolor.
src属性：浮动框架中最基本的参数就是src，它用来设置浮动框架页面的源文件地址，也是浮动框架页面必需的参数。因为只有设置了源文件的内容，浮动框架才有意义。语法：290763ae73a8bb3b5c012455bf37fc39
width和height属性：在普通框架结构中，由于框架就是整个浏览器窗口，因此不需要设置其大小。但是在浮动框架中，是插入到普通HTML页面中的，可以调整整个框架的大小。语法：1ae60c9a2f4a841f9b41850969e580f3，页面的宽度和高度值都以像素为单位。
<html> <body> <iframe src="/i/eg_landscape.jpg" width="550" height="310" ></iframe> <p>一些老的浏览器不支持 iframe。</p> <p>如果得不到支持，iframe 是不可见的。</p> </body> </html>
三、一个框架布局的示例
<html>
<head>
<title>框架主页面 </title>
</head>
<frameset rows="20%,*"><!--框架集，控件文件的容器-->
<frame name="topFame" src="3.html" noresize/>
<frameset cols="240px,*">
<frame name="leftFrame" src="1.html"/>
<frame name="rightFrame" src="2.html" marginwidth="20px" scrolling="no"/>
</frameset>
<noframes>
<!--noframes标记当中可以包含body标记-->
<body>
该页面不支持frameset标签！
</body>
</noframes>
</frameset>
</html>四、链接如何跳出框架
在网站后台布局中，框架用得比较多。在很多时候，我们需要跳出框架，重新加载页面。那么链接如何才能跳出框架呢？其实，只需要指定3499910bf9dac5ae3c52d5ede73834855db79b134e9f6b82c0b36e0489ee08ed标签的target属性为"_top"即可实现。下面是一个简单的例子。
<html> <body> <p>被锁在框架中了吗？</p> <a href="/index.html" target="_top">请点击这里！</a> </body> </html>
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。
相关推荐：
HTML框架标签frameset、frame、iframe、noframes
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!