src和href的区别：
href: 指向网络资源的的位置，建立当前文档和资源的连接，用于超链接。
src： 将资源嵌入到当前文件中，src请求的资源会将其指向的资源下载到当前文档中，如img图片。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载编译执行完成，这就是为什么要把js脚本放在底部而不是头部的原因。
<!DOCDYTE>作用：
- 声明必须位于HTML5文档的第一行，该标签告知浏览器文档所使用的HTML 规范
- HTML4.01 中的doctype 需要对DTD（文档类型定义:告知浏览器应该用哪种文档类型规范来解析文档），因为HTML4.01是基于SGML。而HTML5 不急于SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为。
HTML5的新特点：
HTML5有很多语义化标签
-
canvas 画布 配合js运用
canvas 通过 JavaScript 来绘制 2D 图形。
canvas 是逐像素进行渲染的。在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。 -
SVG 可伸缩矢量图形 (Scalable Vector Graphics)
SVG 是一种使用 XML 描述 2D 图形的语言。
SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。
在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。 -
draggable 属性 （可拖动属性）
-
geolocation（地理定位） 用于定位用户的位置；鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。
-
audio/video 音频/视频元素
-
新增input类型和属性
-
Web存储： HTML5提供了两种在客户端存储数据的新方法
-localStorage：localStorage 方法存储的数据没有时间限制
-**sessionStorage：**sessionStorage提供了一个针对 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。 -
Web Workers： 当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。（在后台运行不会影响页面的性能，相当于并发执行）
-
SSE 服务器发送事件（server-sent event） 允许网页获得来自服务器的更新。EventSource 对象用于接收服务器发送事件通知
HTML5删除/废弃不能用的元素
| 删除的元素 | 被代替的元素 |
|---|---|
| <acronym> 首字母缩写 | <abbr> |
| <applet> 可嵌入Java applet程序 | <object> |
| <basefont> 规定页面上的默认字体颜色和字号 | CSS样式> |