frameset和iframe框架讲解

最新推荐文章于 2024-04-15 15:25:05 发布

向日葵没有阴天

最新推荐文章于 2024-04-15 15:25:05 发布

阅读量551

点赞数

分类专栏： HTML 文章标签：框架 html

本文链接：https://blog.csdn.net/qq_34172186/article/details/52076840

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

虽然在网站开发中frameset和iframe框架用得不是很多，但是对于它的使用方法，我还是希望能大家分享一下的。

一、frameset框架

1.普通框架

  <frameset rows="20%,30%,*">
       <frame src="1.html" noresize="noresize" />
       <frame src="2.html" noresize="noresize" />
       <frame src="3.html" noresize="noresize" />
  </frameset>
  <noframes>
   <body>
   </body>
   </noframes>

补充：
    （1）frameset标签应该直接写在Html标签中，而不应该放在body里面
    （2）使用noresize使用户无法再浏览器界面中调整框架的大小。
    （3）当用户使用的浏览器无法支持框架的时候，可以使用重新对页面的信息进行布局。
    （4）可以在里面设置scrolling滚动方式。
    （5）在frame里设置marginHeight和marginwidth来表示链接网页与框架之间的距离。
    （6）对frame设置border和frameborder可以消除边框。

2.嵌套框架
（1）在框架的页面中

 <frameset rows="20%,*">
     <frame src="1.html" noresize="noresize" />
     <frameset>
         <frame src="1.html" name="leftPart" /> 
         <frame src="2.html" name="rightPart" /> 
     </frameset>
 </frameset>
 <noframes>
        <body></body>
 </noframes>

（2）在left.html中，代码如下：

<a href=”red.html” target=”rightPart”>红色</a>
<a href=”green.html” target=”greenPart”>绿色</a>

（3）可以对链接使用锚点，注意name和target的使用。

二、Iframe框架

 <iframe src="1.html" frameborder="0" height="200px" width="100px">
 </iframe>

（1）src指的是当框架打开的时候，默认显示的框架的页面。与其他标签类似，iframe标签是放在body里面使用的。

向日葵没有阴天

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
frameset和iframe框架讲解

虽然在网站开发中frameset和iframe框架用得不是很多，但是对于它的使用方法，我还是希望能大家分享一下的。一、frameset框架1.普通框架 <frameset rows="20%,30%,*"> <frame src="1.html" noresize="noresize" /> <frame src="2.html" noresize="noresize"
复制链接

扫一扫