HTML - iframe

您可以使用HTML标记< iframe> 定义内联框架. < iframe> tag不以某种方式与< frameset>相关联相反,它可以出现在文档的任何位置. < iframe> tag定义文档中的矩形区域,浏览器可以在其中显示单独的文档,包括滚动条和边框.内联框架用于在当前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>标签属性

< iframe>的大部分属性标记,包括 name,class,frameborder,id,longdesc,marginheight,marginwidth,name,scrolling,style, title 的行为与< frame&gt的对应属性完全相同;标签.

注意 :  HTML5中不推荐使用 frameborder marginwidth longdesc 滚动 marginheight 属性.不要使用这些属性.

Sr.No属性&描述
1

src

此属性用于指定应在帧中加载的文件名.它的值可以是任何URL.例如,src ="/html/top_frame.htm"将加载html目录中可用的HTML文件.

2

名称

此属性允许您给一个框架命名.它用于指示应该将文档加载到哪个帧.当您想要在一个框架中创建将页面加载到另一个框架中的链接时,这一点尤其重要,在这种情况下,第二个框架需要一个名称来标识自己作为链接的目标.

3

frameborder

此属性指定是否显示该帧的边框;它会覆盖< frameset>上的frameborder属性中给出的值.如果给出一个标记,则可以取值1(是)或0(否).

4

marginwidth

此属性允许您指定框架边框左右之间的空间宽度以及框架的内容.该值以像素为单位.例如marginwidth ="10".

5

marginheight

此属性允许您指定框架顶部和底部之间的空间高度边界及其内容.该值以像素为单位.例如marginheight ="10".

6

身高

此属性指定< iframe>的高度.

7

滚动

此属性控制框架上显示的滚动条的外观.这取值为"是","否"或"自动".例如,scrolling ="no"表示它不应该有滚动条.

8

longdesc

此属性允许您提供指向其他页面的链接对框架内容的详细描述.例如,longdesc ="framedescription.htm"

9

宽度

此属性指定< iframe>的宽度.