您可以使用 HTML 标签 <iframe> 定义内联框架。 <iframe> 标记与 <frameset> 标记没有某种关系,相反,它可以出现在文档中的任何位置。
<iframe> 标签定义文档内的矩形区域,浏览器可以在其中显示单独的文档,包括滚动条和边框。内联框架用于在当前 HTML 文档中嵌入另一个文档。
src 属性用于指定占据内联框架的文档的 URL。
示例
以下示例展示如何使用 <iframe> -
<!DOCTYPE html>
<html>
<head>
<title>HTML Iframes</title>
</head>
<body>
<p>此处显示文档内容</p>
<iframe src = "https://www.yxjc123.com" width = "555" height = "200">
很抱歉,您的浏览器不支持内联框架。
</iframe>
<p>文档内容也在此处</</p>
</body>
</html>
<Iframe> 标签属性
<iframe> 标签的大部分属性(name 、class、frameborder、id、longdesc、marginheight、marginwidth、name、scrolling、style 和 title ) 与 <frame> 标记的相应属性完全相同。
注意 - frameborder、marginwidth、longdesc、scrolling、marginheight HTML5 中已弃用的属性。请勿使用这些属性。
序号 | 属性和描述 |
---|---|
1 | src 该属性用于给出应在框架中加载的文件名。它的值可以是任何 URL。例如,src = "/html/top_frame.htm" 将加载 html 目录中可用的 HTML 文件。 |
2 | name 此属性允许您为框架指定名称。它用于指示文档应该加载到哪个框架中。当您想要在一个框架中创建将页面加载到另一个框架中的链接时,这一点尤其重要,在这种情况下,第二个框架需要一个名称来将自己标识为链接的目标。 |
3 | frameborder 该属性指定是否显示该框架的边框;它会覆盖 <frameset> 标记上的frameborder属性中给定的值(如果给定),并且该值可以为1(是)或0(否)。 |
4 | marginwidth 该属性允许您指定框架左右边框与框架内容之间的空间宽度。该值以像素为单位给出。例如 marginwidth = "10"。 |
5 | marginheight 此属性允许您指定框架边框及其内容的顶部和底部之间的空间高度。该值以像素为单位给出。例如 marginheight = "10"。 |
6 | height 该属性指定 <iframe> 的高度。 |
7 | scrolling 该属性控制框架上出现的滚动条的外观。该值可以是"yes"、"no"或"auto"。例如,scrolling ="no"表示不应有滚动条。 |
8 | longdesc 此属性允许您提供指向另一个页面的链接,其中包含框架内容的详细描述。例如 longdesc = "framedescription.htm" |
9 | width 该属性指定<iframe>的宽度。 |