HTML 内联框架Iframes
时间：2019-06-08 23:19:23 来源:igfitidea点击:
可以使用HTML标记<iframe>定义内联框架。<iframe>标记与<frameset>标记无关，它可以出现在文档中的任何位置。<iframe>标记在文档中定义了一个矩形区域，浏览器可以在其中显示单独的文档，包括滚动条和边框。
内联框架用于在当前HTML文档中嵌入另一个文档。
src属性用于指定占用内联框架的网页的URL。
HTML 内联框架示例
<!DOCTYPE html>
<html>
<head>
<title>HTML 内联框架示例</title>
</head>
<body>
<p>网页的内容1</p>
<iframe src = "./menu.html" width = "400" height = "40">
您的浏览器不支持内嵌框架。
</iframe>
<p>网页的内容2</p>
</body>
</html>
<Iframe>标签属性
<iframe>标记的大多数属性(包括name、class、frameborder、id、longdesc、marginheight、marginwidth、name、scrolling、style和title)的行为与<frame>标记的相应属性完全相同。
注意frameborder、marginwidth、longdesc、scrolling、marginheight属性在HTML5中被弃用。不要使用这些属性。
| 属性 | 说明 |
|---|---|
| src | 此属性用于指定应加载到框架中的文件名。例如，src="top_frame.html"。 |
| name | 此属性允许我们为框架指定名称。它用于指示文档应加载到哪个框架中。 |
| frameborder | 该属性指定是否显示该框架的边框；如果指定了该值，它将覆盖<frameset>标记的frameborder属性中给定的值，该值可以是1(是)或0(否)。 |
| marginwidth | 此属性允许我们指定框架边框左右两侧与框架内容之间的空间宽度。该值以像素为单位。 |
| marginheight | 此属性允许我们指定框架边框及其内容的顶部和底部之间的空间高度。该值以像素为单位。 |
| height | 该属性指定<iframe>的高度。 |
| scrolling | 此属性控制框架上显示的滚动条的外观。它的值可以是"yes", "no" 或者 "auto"。 |
| longdesc | 此属性允许我们提供指向另一页的链接，其中包含框架内容的详细说明。例如longdesc="framedescription.htm" |
| width | 该属性指定<iframe>的宽度。 |
