前言
- iframe的作用
- iframe有哪些优缺点
iframe介绍
iframe称之为嵌入式框架，嵌入式框架可以把一个完整的网页内容嵌入到现有的网页中。
<iframe src="https://www.baidu.com"></iframe>
实际上，在早期的时候，iframe在开发中用得很多。使用iframe可以很方便的制作一个页面的公共部分，例如导航栏。
但是随着Ajax的出现，iframe用得越来越少了。现在在某些特定的场景还能见到，比如模拟窗口，邮箱或者HTML在线编辑器等。
究其原因，是因为iframe有种种不便，比如一个直观的问题就是iframe的自适应高度，这是处理起来比较麻烦的问题，随便百度下都是一大串的代码。
另外还有个重大的缺点，那就是搜索引擎的"爬虫"程序无法解读这种页面，当"爬虫"遇到多个页面嵌套的网页时只看到框架却找不到链接，然后认定此网站是死站点并离开。这对于SEO来讲无疑是毁灭性的打击。并且使用大量的iframe标签也会稀释你该页面的关键词密度并对其产生影响。
总结
- iframe的作用
iframe也称作嵌入式框架，嵌入式框架网页类似，它可以把一个网页的框架和内容嵌入在现有的网页中。
- iframe有哪些优缺点
优点：
- 重载页面时不需要重载整个页面，只需要重载页面中的一个框架页(减少了数据的传输，增加了网页下载速度)
- 方便制作导航栏
缺点：
- 会产生很多页面，不容易管理
- 调用外部页面，需要额外调用CSS，给页面带来额外的请求次数
- 浏览器的后退按钮无效
- 无法被一些搜索引擎索引到
- 会阻塞页面的加载，window的onload事件需要在所有iframe加载完毕后(包含里面的元素)才会触发多数小型的移动设备(PDA手机)无法完全显示框架
由于上面诸多缺点，因此不符合标准网页设计的理念，已经被标准网页设计抛弃，目前框架的所有优点完全可以使用Ajax实现，因此已经没有必要使用iframe框架了。
