框架<frame>已经被废弃,而内嵌框架<iframe>依然在使用。
通过使用框架,可以在同一个窗口显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。
框架结构标签(也称为框架集)定义如何将窗口分割成框架,每个frameset定义了一系列行或列
[注意]不能将<body>标签与<frameset>标签同时使用
【属性】
cols 定义框架集列的数目和尺寸
rows 定义框架集行的数目和尺寸
<frameset rows="150,300,150"> <frameset rows="25%,50%,25%"> <frameset cols="100, *"> <frameset rows="*, 100, *"> <frameset cols="10%, 3*, *, *">
框架标签定义了放置在每个框架中的HTML文档
【属性】
src 规定在框架中显示的文档的URL
name 规定框架的名称,用于在Javascript中引用元素或作为链接的目标
noresize 指定用户无法调整框架大小
longdesc 指向带有框架内容长描述的页面
scroll
scroll="auto"//默认,需要时显示滚动条 scroll="yes"//始终显示滚动条 scroll="no"//从不显示滚动条
frameborder
frameborder="0"//无边框 frameborder="1"//(默认,有边框)
<frame src="frame_a.htm" frameborder="0" name="frame1" scrolling="yes" noresize="noresize" longdesc="w3school.txt" />
<frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset>
<frameset rows="50%,50%"> <frame src="/example/html/frame_a.html"> <frameset cols="25%,75%"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"> </frameset> </frameset>
![]() |
![]() |
内联框架用于在网页中显示网页
[注意]iframe标签可以很方便地创建框架,但由于创建一个框架意味着要创建一个完整的页面环境,很耗费资源;因此能不用就尽量不要用。
【属性】
src 规定在内联框架中显示的文档的URL
name 规定内联框架的名称,用于在Javascript中引用元素或作为链接的目标
height 规定iframe的高度
width 规定iframe的宽度
longdesc 指向带有内联框架内容长描述的页面
frameborder
frameborder="0"//无边框 frameborder="1"//(默认,有边框)
scrolling
scrolling="auto"//默认,需要时显示滚动条 scrolling="yes"//始终显示滚动条 scrolling="no"//从不显示滚动条
seamless 规定iframe看上去像是包含文档的一部分,设置该属性后,iframe无边框或滚动条
sandbox 启用对<iframe>中内容的限制(IE9-不支持)
sandbox=""//应用所有的限制 sandbox="allow-same-origin"//允许iframe内容被视为与包含文档有相同的来源 sandbox="allow-top-navigation"//允许iframe内容从包含文档导航加载内容 sandbox="allow-forms"//允许表单提交 sandbox="allow-scripts"//允许脚本执行
srcdoc 规定在iframe中显示的页面的HTML内容(IE浏览器不支持),若浏览器支持srcdoc属性,则将显示srcdoc属性的内容;否则将显示src属性中规定的文件
<iframe srcdoc="<p>Hello world!</p>" src="/demo/demo_iframe_srcdoc.html"> </iframe>
![]() |
![]() |
原文:http://www.cnblogs.com/xiaohuochai/p/5047343.html