<html>
<frameset rows="" cols=""> //不可和<body>标记连用,否则出现显示异常。rows水平分割,cols垂直分割
<frame name=""/> //定义窗口,控制所代表的窗口框架,可设置name
<frame/>
<frame/>
</frameset>
<noframe></noframe> //之间放置不支持frame功能的浏览器显示的文本提示
</html>
<iframe></iframe> //浮动框架,可以设置width宽度,height高度,name
<frameset frameborder="0或1"> //控制所有子框架的边框
<frame frameborder="0或1"> //控制当前框架的边框
<frame scrolling="" noresize> //yes强制添加滚动条,no不加滚动条,auto根据需要自动添加滚动条(默认),noresize固定框架的位置和大小
实例:
高级页面跳转
[HTML] 纯文本查看 复制代码 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>高级页面跳转</title>
</head>
<frameset rows="10%,80%,10%">
<frame src="A.html" name="header"/>
<frameset cols="10%,90%">
<frame name="menu"/>
<frame name="center"/>
</frameset>
<frame name="footer"/>
</frameset>
</html>
在网页中使用内联框架(iframe)
<iframe>标签的常用属性是:
src:文件的路径
width: “内联框架”区域的宽度
height:“内联框架”区域的高度
scrolling:规定是否在 iframe 中显示滚动条:
No:不出现滚动条 Yes:显示滚动条 Auto:自动出现滚动条
frameBorder:设置是否显示框架的边框。(1,0)
name:框架的名字,用来进行识别。
[HTML] 纯文本查看 复制代码 <iframe src="URL" width="x" height="y" scrolling="[OPTION]" frameborder="x" name="main"></iframe>
|