iframe标签

简介: iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 iframe代码示例:  iframe的一些注意事项:1、frame不能脱离frameSet单独使用,iframe可以; 2、frame不能放在body中;如下可以正常显示:        ...

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

 

iframe代码示例:

<html>

<frameset cols="25%,50%,25%">
  <frame src="frame_a.htm" />
  <frame src="frame_b.htm" />
  <frame src="frame_c.htm" />
</frameset>

</html>

 

iframe的一些注意事项:

1、frame不能脱离frameSet单独使用,iframe可以; 

2、frame不能放在body中;如下可以正常显示: 
<!--<body>--> 
<frameset rows="50%,*"> 
   <frame   name="frame1"   src="test1.htm"/>  
   <frame   name="frame2"   src="test2.htm"/>  
</frameset> 
<!--<body>--> 

如下不能正常显示: 
<body> 
<frameset rows="50%,*"> 
   <frame   name="frame1"   src="test1.htm"/>  
   <frame   name="frame2"   src="test2.htm"/>  
</frameset> 
<body> 

3、嵌套在frameSet中的iframe必需放在body中;如下可以正常显示: 
  <body> 
    <frameset>  
      <iframe   name="frame1"   src="test1.htm"/>  
      <iframe   name="frame2"   src="test2.htm"/>  
    </frameset>  
  </body> 
如下不能正常显示: 

  <!--<body>--> 
    <frameset>  
      <iframe   name="frame1"   src="test1.htm"/>  
      <iframe   name="frame2"   src="test2.htm"/>  
    </frameset>  
  <!--</body>--> 


4、不嵌套在frameSet中的iframe可以随意使用; 
     如下均可以正常显示: 
<body> 
   <iframe   name="frame1"   src="test1.htm"/>  
   <iframe   name="frame2"   src="test2.htm"/>  
</body> 


<!--<body>--> 
   <iframe   name="frame1"   src="test1.htm"/>  
   <iframe   name="frame2"   src="test2.htm"/>  
<!--</body>--> 


5、frame的高度只能通过frameSet控制;iframe可以自己控制,不能通过frameSet控制,如: 

<!--<body>--> 
<frameset rows="50%,*"> 
   <frame   name="frame1"   src="test1.htm"/>  
   <frame   name="frame2"   src="test2.htm"/>  
</frameset> 
<!--</body>--> 

<body> 
<frameset> 
   <iframe height="30%"  name="frame1"   src="test1.htm"/>  
   <iframe height="100"  name="frame2"   src="test2.htm"/>  
</frameset> 
</body> 

 

相关文章
|
8月前
HTML中的<iframe>标签及其属性
HTML中的<iframe>标签及其属性
|
4月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
81 2
|
8月前
|
JavaScript 前端开发 API
快速实现 iframe 嵌套页面
【6月更文挑战第22天】快速实现 iframe 嵌套页面
|
7月前
|
前端开发 JavaScript 应用服务中间件
iframe动态操作标签分享
iframe动态操作标签分享
61 0
|
9月前
|
SEO
iframe标签是做什么用的
iframe标签是做什么用的
51 0
HTML中marquee标签的属性之多少?
HTML中marquee标签的属性之多少?
89 0
|
9月前
HTML 超链接 a 标签
HTML 超链接 a 标签
|
JavaScript
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
230 0
|
JavaScript 内存技术
iframe标签的sandbox属性
iframe标签的sandbox属性
517 0
|
安全 UED
HTML <iframe> 标签的常用属性--详解(附加代码)
HTML <iframe> 标签的常用属性--详解(附加代码)
197 0