文章目录
@[toc]
HTML框架框架简介整体框架整体结构标签《frameset》代码示例代码详解
框架标签《frame》frame属性代码示例
局部框架iframe属性
frame与iframe区别
HTML框架
框架简介
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。 使用框架的坏处:
开发人员必须同时跟踪更多的HTML文档很难打印整张页面
整体框架
整体结构标签《frameset》
代码示例
代码详解
border 设置框架的边框粗细。bordercolor 设置框架的边框颜色。frameborder 设置是否显示框架边框。设定值只有0、1; 0 表示不要边框,1 表示要显示边框。cols 纵向分割页面。其数值表示方法有三种:“30%、30(或者30px)、* ”;数值的个数代表分成的视窗数目且数值之间用“,”隔开。“30%”表示该框 架区域占全部浏览器页面区域的30%;“30”表示该区域横向宽度为30像素;“*”表示该区域占用余下页面空间。例 如:cols="25%,200,* " 表示将页面分为三部分,左面部分占页面30%,中间横向宽度为200像素,页面余下的作为右面部分。rows 横向分割页面。数值表示方法与意义与cols相同。framespacing 设置框架与框架间的保留的空白距离。
重要事项
不能在
框架标签《frame》
frame属性
frame是
局部框架
iframe属性
iframe可以脱离frameset随意使用,也可嵌套在frameset里使用,不过嵌套在frameset里需要放置在body中。iframe可以自己任意控制高度、宽度等;
属性描述width定义iframe宽度height定义iframe高度frameborder是否显示框架周围的边框(值为1时显示,0则不显示)scroling规定在iframe里是否显示滚动条(值:yes、no、auto)src在iframe里显示链接的文档或网页srcdoc在iframe中显示html内容
代码示例: (代码引用自W3school) scrolling属性、srcdoc属性
scrolling="yes"> Your browser does not support iframes.
scrolling="yes">
Your browser does not support iframes.
scrolling="no"> Your browser does not support iframes.
scrolling="no">
src="/demo/demo_iframe_srcdoc.html"> Your browser does not support iframes.
src="/demo/demo_iframe_srcdoc.html">
运行效果
Frame与Iframe两者可以实现的功能基本相同,不过Iframe比Frame具有更多的灵活性。 frame是整个页面的框架,iframe是内嵌的网页元素,也可以说是内嵌的框架Iframe标记又叫浮动帧标记,可以用它将一个HTML文档嵌入在另一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入的所包含的内容与整个页面是一个整体,而所包含的内容是一个独立的个体,是可以独立显示的。另外,应用Iframe还可以在同一个页面中多次显示同一内容,而不必重复这段内容的代码。frame必须在frameset里 而frameset不能与body元素共存,也就说有frameset元素的文档只能是一个框架集。而iframe可以脱离frameset随意使用,也可嵌套在frameset里使用,不过嵌套在frameset里需要放置在body中。frame是框架,由多个并列的网页构成 ,是固定的。只能四个方向上的。而iframe是内嵌的,比较灵活。但是因为灵活就会出现在不同的浏览器和分辨率下,页面布局会被打乱而影响网页整体观感。用来把页面横着或竖着切开, 用来在页面中插入一个矩形的小窗口 用于全页面 只用于局部Frame用来控制页面格式,比如一本书,左边是章节目录,右边是正文,正文很长,看的时候要拖动,但又不想目录也被拖动得开不到了.因此最好将页面用Frame分成规则的2页,一左一右. 而iframe则更灵活,不要求将整个页面划分,你可以在页面任何地方用iframe嵌入新的页面.
altium怎么锁定_在AD软件中的锁定与解锁命令应该如何使用?
2025-05-21
网络不稳定是网线的问题吗 网络不稳定原因分析与解决方法
2025-08-10
好啊!除了 YES 和 OK 还可以怎么说?
2025-11-02
关于结婚的网站
2025-10-13
10部经典好看的霸道总裁剧 最火的霸道总裁甜宠剧推荐→MAIGOO生活榜