HTML框架
框架简介
经过使用框架,你能够在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,而且每一个框架都独立于其余的框架。
使用框架的坏处:html
开发人员必须同时跟踪更多的HTML文档
很难打印整张页面
总体框架
总体结构标签《frameset》
将浏览器整个界面分割成多个的界面,与一块儿使用每个frameset至关于一个大致框架,包含不少个frame。而每个frame将至关于一个简单的界面;
frameset的基本属性包括:分行rows=“”和分列cols=“”
代码示例
web代码详解
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是
中的一个特定的窗口frame>不能放在body里,不然没法正常显示;
frame的高度只能经过frameset控制
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属性框架
iframe 中始终显示滚动条:
scrolling="yes">
Your browser does not support iframes.
iframe 中从不显示滚动条:
scrolling="no">
Your browser does not support iframes.
iframe srcdoc属性:
src="/demo/demo_iframe_srcdoc.html">
Your browser does not support iframes.
运行效果
svg
frame与iframe区别
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嵌入新的页面.