HTML中frame 框架详解

2024年2月18日 234次阅读 来源: sdbxpjzq

frame 包含哪些内容

在开发中也许会用到 frame 这个东东,frame知识点包括（frameset标签、frame标签、iframe标签）,这里说一说这是个什么鬼.你还在瞎扯什么淡淡show your code.

code说话

<html>
<head>
<title>综合示例</title>
</head>
<frameset cols="25%,*">
<frame src="menu.htm" scrolling="no" name="Left">
<frame src="page1.htm" scrolling="auto" name="Main">
<noframes>
<body>
<p>对不起，您的浏览器不支持“框架”！</p>
</body>
</noframes>
</frameset>
</html>

注意: 在使用frameset的使用就不要用body标签包裹了,一定要记住呀

下面咱就具体分析一下 frameset和frame 都有那些属性

frameset属性

  1. border
    设置框架的边框粗细。

  2. bordercolor
    设置框架的边框颜色。

  3. frameborder
    设置是否显示框架边框。设定值只有0、1；0 表示不要边框，1 表示要显示边框。

  4. cols
    纵向分割页面。其数值表示方法有三种：“30%、30（或者30px）、*”；数值的个数代表分成的视窗数目且数值之间用“,”隔开。“30%”表示该框架区域占全部浏览器页面区域的30%；“30”表示该区域横向宽度为30像素；“*”表示该区域占用余下页面空间。例如：cols="25%,200,*” 表示将页面分为三部分，左面部分占页面30%，中间横向宽度为200像素，页面余下的作为右面部分。

  5. rows
    横向分割页面。数值表示方法与意义与cols相同。

  6. framespacing
    设置框架与框架间的保留的空白距离。

frame属性

  1. name
    设置框架名称。此为必须设置的属性。

  2. src
    设置此框架要显示的网页名称或路径。此为必须设置的属性。

  3. scrolling
    设置是否要显示滚动条。设定值为auto, yes, no。

  4. bordercolor
    设置框架的边框颜色。

  5. frameborder
    设置是否显示框架边框。设定值只有0、1；0 表示不要边框，1 表示要显示边框。

  6. noresize
    设置框架大小是否能手动调节。

  7. marginwidth
    设置框架边界和其中内容之间的宽度。

  8. marginhight
    设置框架边界和其中内容之间的高度。

  9. width
    设置框架宽度。

10. height
设置框架高度。

关于a链接跳转页面的使用

<a href="right.html" target="left">这里target的属性值是 frame中的name值,只要相对应就行了,这样right.html中的内容就会在 name=left的框架页面中显示了.

要是页面中有多个 a标签 ,可以在head中写入 <base target="left" >,这样就省下一个个添加的麻烦.

相互学习 共同进步

    原文作者：sdbxpjzq
    原文地址: https://segmentfault.com/a/1190000004313437
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞