您的位置：首页 > Web前端 > HTML

HTML中的Frame与Iframe框架属性

2010-05-06 17:51 483 查看

Frame框架现已不怎么常用，给个例子以展示其属性。

frame例子：

<frameset cols="50%,*">

<noframes>

<body>

Sorry,your explorer doesn't support the frame...

</body>

</noframes>

<frame name="left" src="left.html">

<frameset rows="*,30%">

<frame name="right_top" src="right.html">

<frame name="right_bottom" src="right2.html">

</frameset>

</frameset>
Iframe 标记，又叫浮动帧标记，你可以用它将一个HTML文件嵌入在另一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，甚至可以在同一HTML文件嵌入多个HTML文件。

　　在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要，因为要在父窗体中访问子窗体或子窗体中访问父窗体都必须清楚对象层次，才能通过程序来访问并控制窗体。

下面是浮动帧标记Iframe的各项属性：

　　一、基本语法：

　　<iframe>……</iframe>

　　浮动帧标记Iframe必须成对出现，即有开始标记<iframe>，就必须有结束标记</iframe>。

　　二、浮动帧标记Iframe的属性：

　　1、文件位置：

　　语法：src=url

　　说明：url为嵌入的HTML文件的位置，可以是相对地址，也可以是绝对地址。

　　示例：<iframe src="iframe.html">

　　2、对象名称：

　　语法：name=#

　　说明：#为对象的名称。该属性给对象取名，以便其他对象利用。

　　示例：<iframe src="iframe.html" name="iframe1">

　　3、ID选择符：

　　语法：id=#

　　说明：指定该标记的唯一ID选择符。

　　示例：<iframe src="iframe.html" id="iframe1">

　　4、容器属性：

　　语法：height=# width=#

　　说明：该属性指定浮动帧的高度和宽度。取值为正整数（单位为像素）或百分数。

　　height：指定浮动帧的高度；

　　width：指定浮动帧的宽度。

　　示例：<iframe src="iframe.html" height=400 width=400>

　　5、尺寸调整：

　　语法：noresize

　　说明：IE专有属性，指定浮动帧不可调整尺寸。

　　示例：<iframe src="iframe.html" noresize>

　　6、边框显示：

　　语法：frameborder=0、1

　　说明：该属性规定是否显示浮动帧边框。

　　0：不显示浮动帧边框；

　　1：显示浮动帧边框。

　　示例：<iframe src="iframe.html" frameborder=0>

　　　　　<iframe src="iframe.html" frameborder=1>

　　7、边框厚度：

　　语法：border=#

　　说明：该属性指定浮动帧边框的厚度，取值为正整数和0，单位为像素。为了将浮动帧与页面无缝结合，border一般等于0。

　　示例：<iframe src="iframe.html" border=1>

　　8、边框颜色：

　　语法：bordercolor=color

　　说明：该属性指定浮动帧边框的颜色。color可以是RGB色（RRGGBB），也可以是颜色名。

　　示例：<iframe src="iframe.html" bordercolor=red>

　　9、对齐方式：

　　语法：align=left、right、center

　　说明：该属性指定浮动帧与其他对象的对齐方式。

　　left：居左；

　　right：居右；

　　center：居中。

　　示例：<iframe src="iframe.html" align=left>

　　　　　<iframe src="iframe.html" align=right>

　　　　　<iframe src="iframe.html" align=center>

　　10、相邻间距：

　　语法：framespacing=#

　　说明：该属性指定相邻浮动帧之间的间距。取值为正整数和0，单位为像素。

　　示例：<iframe src="iframe.html" framespacing=10>

　　11、内补白属性：

　　语法：hspace=# vspace=#

　　说明：该属性指定浮动帧内的边界大小。取值为正整数和0，单位为像素。两个属性应同时应用。

　　hspace：浮动帧内的左右边界大小；

　　vspace：浮动帧内的上下边界大小。

　　示例：<iframe src="iframe.html" hspace=1 vspace=1>

　　12、外补白属性：

　　语法：marginheight=# marginwidth=#

　　说明：该属性指定浮动帧的边界大小。取值为正整数和0，单位为像素。两个属性应同时应用。

　　marginheight：浮动帧的左右边界大小；

　　marginwidth：浮动帧的上下边界大小。

　　示例：<iframe src="iframe.html" marginheight=1 marginwidth=1>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航