html新元素标签（iframe）

一、ifarme

1、定义：

<iframe> 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

所有的主流浏览器都支持<iframe>标签。你可以把提示的文字放到 <iframe> 和 </iframe>里面，这样不支持 <iframe>的浏览器就会出现提示的文字。

2、使用

 

<iframe name="myiframe" id="myrame" src="external_file.html" frameborder="0" align="left" width="200" height="200" scrolling="no">

<p>你的浏览器不支持iframe标签</p>

 </iframe>

3、iframe 的常用属性

name ： 规定 <iframe> 的名称。

width： 规定 <iframe> 的宽度。

height ：规定 <iframe> 的高度。

src：规定在 <iframe> 中显示的文档的 URL。

frameborder ： 规定是否显示 <iframe> 周围的边框。 (0为无边框，1位有边框)。

align：规定如何根据周围的元素来对齐 <iframe>。　(left,right,top,middle,bottom)。

scrolling：规定是否在 <iframe> 中显示滚动条。 (yes,no,auto)

4、iframe的优缺点？

优点：

a. 解决加载缓慢的第三方内容如图标和广告等的加载问题

b. iframe无刷新文件上传

c. iframe跨域通信

缺点：

a. iframe会阻塞主页面的Onload事件

b. 无法被一些搜索引擎索引到

c. 页面会增加服务器的http请求

d. 会产生很多页面，不容易管理。