frame是一個框架裡面的框架頁,而框架需要全屏幕顯示,不是像一般網頁可以定778的寬度,而且frame不能勇於表格之內,而只是把頁面進行劃分。
所以如果需要插入內嵌的頁面,就一般要用iframe,iframe很方便地插入頁面
FrameSet的用法:
<frameset cols="50%,*">
<frame name="hello" src="up2u.html">
<frame name="hi" src="me2.html">
</frameset>
此例中 <FRAMESET> 把画面分成左右两相等部分,左边是显示 up2u.html,右边则会显示 me2.html 这档案,<FRAME> 标记所标示的框窗是按由上而下、由左至右的次序
<frameset>
开始,</frameset>
结束<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
- -- 一般属性
cols
-- 定义了框架含有多少列与列的大小(每个值使用逗号分隔),取值为象素px或者百分比%rows
-- 定义了框架含有多少行与行的大小(每个值使用逗号分隔),取值为象素px或者百分比%- border -- 定义frame定义的框架页的边框(单位像素),使用css实现
- frameborder -- 定义框架页是否边框(此属性应写在frame标签内部,不应在此出现)
- framespacing -- 定义框架页之间间隔的距离,使用css实现
eg:
<frameset cols
=
"1*,250,3*"
>
定义了水平的前,中,后列,中列为250px象素,前列与后列分别占剩余的25%与75%
<frameset rows
=
"30%,70%"
cols
=
"33%,34%,33%"
>
定义了一个2行*3列的框架
noframes 标签 -- 对不支持框架的设备进行提示,或相关操作
示例:
<frameset
cols
=
"50%,25%,25%"
>
<frame
src
=
"http://www.dreamdu.com/xhtml/"
>
<frame
src
=
"http://www.dreamdu.com/css/"
>
<frame
src
=
"http://www.dreamdu.com/javascript/"
>
<noframes>
<body>
<p>
梦之都使用了框架技术,但是您的浏览器不支持框架,请升级您的浏览器以便正常访问梦之都。</p>
</body>
</noframes>
</frameset>
iframe 标签 -- 代表HTML内联框架
- iframe标签是成对出现的,以
<iframe>
开始,</iframe>
结束
- iframe标签内的内容可以做为浏览器不支持iframe标签时显示
- 属性
- Common -- 一般属性
name
-- 定义了内容页名称,此名称在框架页内链接时使用到
src
-- 定义了内容页URL(同frame标签)
- frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
1
-- 在每个页面之间都显示边框
0
-- 不显示边框
height
-- 框架的高度,取值像素或百分比
width
-- 框架的宽度,取值像素或百分比
marginwidth
-- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定
marginheight
-- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定
- scrolling -- 定义是否有滚动条,取值为(
yes|no|auto
),缺省值为auto
yes
-- 显示滚动条
no
-- 不显示滚动条
auto
-- 当需要时再显示滚动条
align
-- 垂直或水平对齐方式
longdesc
-- 定义框架页的说明
示例:<iframe id="showFrame" scrolling="no" frameborder="0" height="100%" width="100%" src="Personnel_Edit.aspx?TYPE=PERS"></iframe>