html 利用 frameset 进行简单的框架布局

最新推荐文章于 2024-06-06 23:10:38 发布

yzbx

最新推荐文章于 2024-06-06 23:10:38 发布

阅读量3.5w

点赞数 9

分类专栏： web

本文链接：https://blog.csdn.net/u010598445/article/details/48010353

版权

web 专栏收录该内容

2 篇文章 2 订阅

订阅专栏

参考

w3cschool
上面提到frameset 不要和body 同时使用

index.html代码

<html>
<frameset rows="50%,50%" cols="*">
    <frameset rows="30%,70%" cols="*" frameborder="yes" border="1" framespacing="1">
        <frame src="a.html"/>
        <frame src="d.html"/>
    </frameset>

    <frameset rows="*" cols="40%,60%" frameborder="yes" framespacing="1">
        <frame src="b.html"/>
        <frame src="c.html"/>
    </frameset>
</frameset>
</html>

a.html 等的代码

a.html : this is A
b.html : this is b
c.html : this is c
d.html: this is d

效果（显示a,b,c,d页面非常奇怪）

frameset

<html>
<frameset rows="20%,20%,60%">
    <frameset rows="30%,70%" frameborder="yes" border="1" framespacing="1">
        <frame src="a.html"/>
        <frame src="b.html"/>
    </frameset>

    <frameset cols="40%,60%" frameborder="yes" framespacing="1">
        <frame src="c.html"/>
        <frame src="d.html"/>
    </frameset>

    <frameset cols="20%,80%" frameborder="yes" framespacing="1">
        <frame src="e.html"/>
        <frame name="showframe"/>
    </frameset>
</frameset>
</html>

e.html

<html>

this is e <br>
<a href="a.html" target="showframe">Frame a</a><br>
<a href="b.html" target="showframe">Frame b</a><br>
<a href="c.html" target="showframe">Frame c</a><br>
<a href="d.html" target="showframe">Frame d</a>

</html>

效果(a,b,c,d页面显示还是非常奇怪)

这里写图片描述

yzbx

关注

9
点赞
踩
35

收藏

觉得还不错? 一键收藏
3
评论
html 利用 frameset 进行简单的框架布局

参考w3cschool上面提到frameset 不要和body 同时使用index.html代码<html><frameset rows="50%,50%" cols="*"> <frameset rows="30%,70%" cols="*" frameborder="yes" border="1" framespacing="1"> <frame src="a.h
复制链接

扫一扫