Iframe是框架的一种标记，在页面设计中经常用到。

Iframe标记又叫浮动帧标记，使用Iframe可以将一个文档嵌入在另一个文档中显示，可以随处引用不拘泥网页的布局限制。在当今互联网网络广告横行的时代，Iframe更是无孔不入，将嵌入的文档与整个页面的内容相互融合，形成了一个整体。

与框架相比，内嵌框架Iframe更容易对网站的导航进行控制，最大的优点在于其灵活性。

在文档中插入Iframe时由于Dreamweaver 8中没有可视化的操作，需手工添加代码完成，内嵌框架的代码标记为<Iframe></Iframe>。

图10.18所示为使用Iframe所制作的网页效果。具体操作步骤如下：

图10.18 使用Iframe制作的网页效果

（1）打开配书光盘中的案例/frame/iframe/index.htm。

（2）切换到代码视图，显示index.htm的网页源代码如下：

<html>

<head>

<title>企业版监控管理界面</title>

</head>

</body>

</html>

由上段代码可知，index.htm由3个上、中、下排列的Iframe组成，根据页面的制作要求设置Iframe的高度和宽度。

通过设置Iframe的属性，可以让Iframe与所嵌入的文档整体结合，更能体现Iframe的优势。

在下段代码中设置Iframe的属性：

在代码中，Iframe用到了几个参数来设置其属性，Iframe常用的属性值如表10.1所示。

表10.1 Iframe常用属性

属性	说明
Src	Iframe的文件路径
Name	Iframe框架名称，不可为中文
Longdesc	对Iframe进行描述
Width	设置Iframe的宽度
Height	设置Iframe的高度
Align	设置Iframe的对齐方式：top、middle、bottom、left、right
Frameborder	设置Iframe的边框
Marginwidth	设置Iframe距离所在网页元素左右的宽度
Marginheight	设置Iframe距离所在网页元素上下的高度
Scrolling	设置Iframe滚动条显示方式：yes（显示）、no（不显示）、auto（自动）

Iframe的更多的属性参考表10.2，引自CSDN论坛。

表10.2 Iframe属性参考值

属性	说明
nRight	设置或获取对象的右边距宽度
margin-top marginTop	设置或获取对象的上边距宽度
overflow-x overflowX	设置或获取当内容超出对象宽度时如何管理对象内容
overflow-y overflowY	设置或获取当内容超出对象高度时如何管理对象内容
pixelBottom	设置或获取对象的下方位置
pixelHeight	设置或获取对象的高度
pixelLeft	设置或获取对象的左侧位置
pixelRight	设置或获取对象的右侧位置
pixelTop	设置或获取对象的上方位置
pixelWidth	设置或获取对象的宽度
posBottom	设置或获取以bottom标签属性指定的单位的对象下方位置
posHeight	设置或获取以height标签属性指定的单位的对象高度
position position	设置或获取对象所使用的定位方式
posLeft	设置或获取以left标签属性指定的单位的对象左侧位置

续表

属性	说明
posRight	设置或获取以right标签属性指定的单位的对象右侧位置
posTop	设置或获取以top标签属性指定的单位的对象上方位置
posWidth	设置或获取以width标签属性指定的单位的对象宽度
right right	设置或获取对象相对于文档层次中下个已定位对象的右边界的位置
float styleFloat	设置或获取文本要绕排到对象的哪一侧
text-autospace textAutospace	设置或获取自动留空和文本的窄空间宽度调整
top top	设置或获取对象相对于文档层次中下个定位对象的上边界的位置
visibility visibility	设置或获取对象的内容是否显示
z-index z-index	设置或获取定位对象的堆叠次序
zoom zoom	设置或获取对象的放大比例