HTML ​

HTML5新特性 ​

语义化标签 ​

增强型表单 ​

• 新的input输入属性
• 新增的5个表单元素
• 新增表单属性

多媒体标签 ​

• 音频
• 视频

Canvas绘图和SVG绘图 ​

• svg是一种矢量图，而canvas依赖于分辨率，所以svg放大不会失真，但canvas绘制的图形会失真
• svg支持事件处理器，而canvas不支持事件处理器

地理定位 ​

拖放API ​

WebWorker ​

WebStorage ​

WebSocket ​

iframe ​

概述 ​

iframe标签是一个内联框架，说白了就是用来在当前 HTML 页面中嵌入另一个文档的，且所有主流浏览器都支持iframe标签。

<iframe id="juejin-iframe" src="https://juejin.cn/editor/drafts/6992768981195030558"></iframe>
<!-- 基本语法：<iframe src="*url*" title="*description*"></iframe> -->

可以看出，iframe就是一个普通的元素，与span,div一样。

优点 ​

• iframe能够原封不动的把嵌入的网页展现出来。
• 如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。
• 网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用。
• 如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决。

缺点 ​

• 会产生很多页面，不容易管理。
• iframe 框架结构有时会让人感到迷惑，如果框架个数多的话，可能会出现上下、左右滚动条，会分散访问者的注意力，用户体验度差。
• 代码复杂，无法被一些搜索引擎索引到，这一点很关键，现在的搜索引擎爬虫还不能很好的处理iframe中的内容，所以使用iframe会不利于搜索引擎优化。
• 很多的移动设备（PDA 手机）无法完全显示框架，设备兼容性差。
• iframe框架页面会增加服务器的http请求，对于大型网站是不可取的。