HTML5技术

第九章 多视窗口框架_HTML教程(3)

字号+ 作者:H5之家 来源:H5之家 2015-09-24 15:03 我要评论( )

iframe这标记只适用於IE浏览器。 它的作用是在浏览器窗口中可以嵌入一个框窗以显示另一个文件。它是 一个围堵标记,但围著的字句只有在浏览器不支援 iframe 标记时才会显示,如noframes 一样,可以放些提醒字句之类

    <iframe>这标记只适用於IE浏览器。 它的作用是在浏览器窗口中可以嵌入一个框窗以显示另一个文件。它是 一个围堵标记,但围著的字句只有在浏览器不支援 iframe 标记时才会显示,如<noframes> 一样,可以放些提醒字句之类。通常 iframe 配合一个辨认浏览器的 Java Script 会较好,若 JavaScript 认出该浏览器并非 Internet Explorer 便会切换至另一版本。

<iframe> 的参数设定格式:
    <iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes">

<iframe>属性的含义

属 性 含 义

src 浮动窗框中的要显示的页面文件的路径,可以是相对或绝对。

name 此框窗名称,这是连结标记的 target 参数所 要的,

align 可选值为 left, right, top, middle, bottom,作用不大

height 框窗的高,以 pixels 为单位。

width 框窗的宽,以 pixels 为单位。

marginwidth 该插入的文件与框边所保留的空间。

marginheight 该插入的文件与框边所保留的空间。

frameborder 使用 1 表示显示边框, 0 则不显示。(可以是 yes 或 no)

scrolling 使用 Yes 表示容许卷动(内定), No 则不容许卷动。

sl95.html

<html>
<head>
<title>浮动框架</title>
</head>
<body bgcolor="#E1FFE1">
<center>
<iframe src="ml1.html" name="aa" width="600" height="400" marginwidth="30" marginheight="20" align="middle" allowtransparency="true">
这是一个浮动窗口
</iframe>
<p><a href="sl1.html" target="aa">爱在深秋</a></p>
<p><a href="sl2.html" target="aa">图像对文字的水平居中</a></p>
<p><a href="sl3.html" target="aa">图像与文本之间的距离</a></p>
<p><a href="sl4.html" target="aa">图像大小的设定</a></p>
<p><a href="" target="aa3">新浪网站</a></p>
</center>
</body>
</html>

注意: Internet Explorer 5.5 支持浮动框架的内容透明。如果想要为浮动框架定义透明内容,则必须满足下列条件。

与 IFRAME 元素一起使用的 ALLOWTRANSPARENCY 标签属性必须设置为 true。
在 IFRAME 内容源文档,background-color 或 BODY 元素的 BGCOLOR 标签属性必须设置为 transparent。

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评