HTML框架

最新推荐文章于 2023-01-06 22:53:52 发布

幼儿园中的小小白

最新推荐文章于 2023-01-06 22:53:52 发布

阅读量77

点赞数

分类专栏： HTML与CSS

本文链接：https://blog.csdn.net/weixin_43846130/article/details/95590757

版权

HTML与CSS 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

一、为何不推荐使用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>

幼儿园中的小小白

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML框架

一、为何不推荐使用frameset框架：1.对搜索引擎不友善 (当搜索页面时只会搜索到frameset这个框架，底层的都搜索不到)；2.用户体验不好，各个浏览器有差别。二、iframe优缺点：优点: 1.程序插入静态页面比较方便； 2.页面跟程序分离。缺点: 1.由于需要外链接文件（脚本样式），所以会增加请求； 2.会阻塞页面加载。三...
复制链接

扫一扫

专栏目录