一、为何不推荐使用frameset框架:
1.对搜索引擎不友善 (当搜索页面时只会搜索到frameset这个框架,底层的都搜索不到);
2.用户体验不好,各个浏览器有差别。
二、iframe优缺点:
优点: 1.程序插入静态页面比较方便;
2.页面跟程序分离。
缺点: 1.由于需要外链接文件(脚本样式),所以会增加请求;
2.会阻塞页面加载。
三、iframe和frame的区别:
1.frame只能嵌套在frameset里不能单独使用,iframe可以单独使用;
2.frame不能放在body中(frameset不能和body共存)
rows:该属性,表示子框架按照行的样式布局。
<frameset rows="30%,*">
表示第一个框架占整个网页的30%高度第二个网页占完剩下的。
<frame src="a.html"></frame>
<frame src="b.html"></frame>
</frameset>
</html>
rows:表示子框架按照行的样式显示。
cols:表示子框架按照列的样式显示。
frameborder:0/1(表示是否有边框)
0:表示不要边框; 1:表示要边框
framespacing:设置框架与框架之间的空白距离
scrolling:设置是否能滚动(yes/no)
noresize:设置是否能手动调节
<frameset rows="20%,60%,20%,*" border="1" bordercolor="cyan" frameborder="yes"
framespacing="20">
<frame src="http://www.baidu.com"; scrolling="no"></frame>
<frameset cols="10%,80%,10%,*">
<frame src="b.html"></frame>
<frame src="b.html"></frame>
<frame src="b.html"></frame>
</frameset>
<frame src="a.html" noresize="noresize"></frame>
</frameset>
framest:框架集,包含多个子框架,每个框架都有独立的文档。
<frame>:子框架
<noframes>:浏览器不支持该框架时,显示的内容。
<frameset rows="400px,*">
<frame src="a.html"></frame>
<frame src="b.html"></frame>
<noframes>
对不起,您的浏览器不支持!
</noframes>
</frameset>
<body>
<a href="http://www.baidu.com">百度</a>;
iframe:在页面中生成内部框架
<iframe src="a.html" width="500" height="500" frameborder="1">
</iframe>
</body>