元素iframe

HTML文件的基本结构

iframe
适用DTD:Transitional   适用浏览器:All
释义 内嵌式框架(inline frame)

语法
<iframe 属性="属性值">~标签内容~</iframe>

说明
iframe用来在文档中嵌入一个行内性质的内嵌框架(浮动框架)
iframe为body的子元素,因此iframe必须放置于body元素内
一般框架在宽度或高度上至少有一项要撑满整个上层空间(浏览器窗口或父层框架)范围,而嵌入式框架的高度和宽度可自定义,并且可以放置在网页中的任何位置,所以更方便
iframe的标签内容将被支持框架的浏览器忽略而不予显示,而对于不支持或者关闭支持框架的浏览器来说则应该显示,所以可以作为替换内容
iframe为W3C非推荐元素,仅可在Transitional DTD的情况下使用
终止标签不可省略

属性
属性 属性值 说明
① name name名 定义框架名称,对于同一浏览器窗口中其他框架页面中的超链接打开位置(目标框架)起到指向作用
② src URI 定义内嵌框架里初始显示的文件的地址,该属性通常必要的
③ longdesc URI 为当前框架指定一个详细说明的链接,用于补充title属性的简短描述
④ scrolling auto|yes|no 指定框架滚动条的显示方式,auto表示浏览器依照框架内网页文件内容的多少(尺寸)自动判断是否显示滚动条,yes表示一定出现滚动条,no表示总是不显示滚动条
⑤ frameborder 1|0 指定是否显示当前框架的边框,1(或yes)表示显示,0(或no)不显示。如果设置显示边框,那么边框也会出现在相邻的框架旁边,不管那个框架如何设置frameborder
⑥ marginwidth 整数(pixel) 当前框架内容的左右边际空白尺寸。该属性的作用会使当前框架网页中设置的页边距
⑦ marginheight 整数(pixel) 当前框架内容的上下边际空白尺寸。该属性的作用会使当前框架网页中设置的页边距
⑧ align 预定义值:left 指定内嵌框架的对齐方式,可能的取值有:left、right、top、middel、bottom
⑨ width 长度值 指定内嵌框架的宽度,整数的像素值或百分比值
⑩ height 长度值 指定内嵌框架的高度,整数的像素值或百分比值
⑪ hspace 整数(pixel):0 指定内嵌框架周围的水平间距。用于IE
⑫ vspace 整数(pixel):0 指定内嵌框架周围的垂直间距。用于IE
⑬ 通用属性:id、class、title、style、dir、lang、xml:lang 查看
nbsp;

示范
<iframe src="..."></iframe>

范例
下面的例子显示了XHTML文件基础结构: 运行打印
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素iframe</title>
</head>
<body>
<iframe src="src/navi_page.html" marginheight=40 width="400" height="200" align="bottom">Your browser dose not support frames.</iframe>
</body>
</html>
内嵌式框架最出色的用处是在网页中插入多媒体网页编辑器,可以直接编辑网页的HTML内容,其中需要用到JavaScript。不过,利用它在网页中插入广告也是常见的事情。
内嵌式框架无法调整大小,也没有noresize属性。
也可用object元素来在网页中嵌入页面。

参阅
frameset
frame
iframe