含义
iframe 用于在网页内显示网页。iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
iframe 的语法：
<iframe src="URL"></iframe>
属性
iframe - 设置高度和宽度
height 和 width 属性用于规定 iframe 的高度和宽度。属性值的默认单位是像素，但也可以用百分比来设定（比如 "80%"）。
<iframe src="https://www.w3school.com.cn/html/html_iframe.asp" width="600" height="500"></iframe>
宽高属性设置
iframe - 删除边框
frameborder 属性规定是否显示 iframe 周围的边框。设置属性值为 "0" 就可以移除边框。
<iframe src="https://www.w3school.com.cn/html/html_iframe.asp" width="600" height="500" frameborder="0"></iframe>
删除边框属性
使用 iframe 作为链接的目标
iframe 可用作链接的目标（target）。链接的 target 属性必须引用 iframe 的 name 属性。
<iframe src="https://www.w3school.com.cn/html/html_iframe.asp" width="600" height="500" frameborder="0"
name="iframe_a"></iframe>
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
面试题
1.iframe的优缺点。
优点：
- iframe能够原封不动的把嵌入的网页展现出来。
- 如果有很多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。
- 网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用。
- 如果遇到加载缓慢的第三方内容，如图标、广告，这些问题可以由iframe来解决。
缺点：
- 1.iframe会阻塞主页面的onload事件。
- 2.iframe和主页面共享链接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。会产生很多页面，不容易管理。
- 3.iframe框架结构有时会让人感到迷惑，如果框架个数多，可能会出现上下、左右滚动条，会分散访问者的注意力，造成用户体验感差。
- 4.iframe代码复杂，无法被一些搜索引擎搜到，现在的搜索引擎爬虫还不能很好的处理iframe中的内容，所以不利于搜索引擎优化。
- 5.很多的移动设备无法完全显示iframe框架，设备兼容性差。
- 6.iframe框架页面会增加服务器的http请求。
2.很多网站不常用iframe的原因？
缺点：
- iframe是一个单独的容器，因此不会应用全局的css样式。
- iframe会和网页共用域名链接池，因此可能由于iframe占用了连接数导致加载阻塞。
- iframe页面搜索引擎爬虫不易爬取，不利于seo。
- iframe相比直接操作dom元素，iframe更耗费资源。
优点：
iframe可以用于展示广告，可以避免由于添加广告而网站被爬虫拒绝收录的情况。
