HTML - Iframe

您可以使用 HTML 标签<iframe>定义内联框架。<iframe> 标记与 <frameset> 标记没有某种关系，相反，它可以出现在文档中的任何位置。<iframe> 标签定义文档内的矩形区域，浏览器可以在其中显示单独的文档，包括滚动条和边框。内联框架用于在当前 HTML 文档中嵌入另一个文档。

src属性用于指定占据内联框架的文档的 URL 。

例子

以下示例展示了如何使用 <iframe> -

现场演示

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Iframes</title>
   </head>
	
   <body>
      <p>Document content goes here...</p>
      
      <iframe src = "/html/menu.htm" width = "555" height = "200">
         Sorry your browser does not support inline frames.
      </iframe>
      
      <p>Document content also go here...</p>
   </body>
	
</html>

这将产生以下结果 -

<Iframe> 标签属性

注意- HTML5 中不推荐使用frameborder、marginwidth、longdesc、scrolling、marginheight属性。不要使用这些属性。

先生编号	属性及描述
1	源代码该属性用于给出应加载到框架中的文件名。它的值可以是任何 URL。例如，src =“/html/top_frame.htm”将加载 html 目录中可用的 HTML 文件。
2	姓名该属性允许您为框架指定名称。它用于指示文档应该加载到哪个框架中。当您想要在一个框架中创建将页面加载到另一个框架中的链接时，这一点尤其重要，在这种情况下，第二个框架需要一个名称来将自己标识为链接的目标。
3	框架边框该属性指定是否显示该框架的边框；它会覆盖 <frameset> 标记上的frameborder 属性中给定的值（如果给定了该值），并且该值可以为 1（是）或 0（否）。
4	边距宽度该属性允许您指定框架左右边框与框架内容之间的空间宽度。该值以像素为单位给出。例如边距宽度=“10”。
5	边距高度此属性允许您指定框架边框及其内容的顶部和底部之间的空间高度。该值以像素为单位给出。例如边距高度=“10”。
6	高度该属性指定<iframe>的高度。
7	滚动该属性控制框架上出现的滚动条的外观。该值可以是“yes”、“no”或“auto”。例如，scrolling =“no”意味着它不应该有滚动条。
8	长描述此属性允许您提供指向另一个页面的链接，该页面包含框架内容的详细描述。例如longdesc =“framedescription.htm”
9	宽度该属性指定<iframe>的宽度。