您可以使用 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、styletitle ) 与 <frame> 标记的相应属性完全相同。

注意 - framebordermarginwidthlongdescscrollingmarginheight 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>的宽度。