HTML之<framset>标签

最新推荐文章于 2025-09-08 20:15:10 发布

转载最新推荐文章于 2025-09-08 20:15:10 发布 · 148 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/383462

文章标签：

#xhtml #php

本文介绍如何使用HTML中的frameset标签来布局一个聊天室页面。通过cols和rows属性定义框架集内各部分的宽度和高度，实现了一个包含登录面板和聊天内容区域的聊天室界面。

　<frameset> 标签有一个必需的属性：要么是 rows，要么是 cols，这取决于您的选择，它们定义了文档窗口中框架或嵌套框架集的行或列的大小及数目。

　　cols表示列。例如，<frameset cols="100, *">会生成一个宽为固定的 100 像素的列，然后再生成另一个框架列，该列会占据框架集中其余所有的空间。

　　rows表示行。例如，<frameset rows="*, 100, *">这条语句在框架集的中间生成一个 100 像素高的行，并在这行的上边和下边各生成一个相同尺寸的行。

　　具体情况如下：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>聊天室</title>
 6 </head>
 7 <frameset cols="200,*">
 8     <frameset rows="450,*">
 9         <frame src="Login_face.php" name="l_top" noresize="noresize" />
10         <frame src="lbottom.html" name="l_bottom" scrolling="no" noresize="noresize"/>
11     </frameset>
12     <frameset rows="*,80">
13         <frame src="content.php" name="r_top" noresize="noresize"/>
14         <frame src="message.html" name="r_bottom" scrolling="no" noresize="noresize" />
15     </frameset>
16 </frameset>
17 </html>