共计 1984 个字符，预计需要花费 5 分钟才能阅读完成。
Html4 是 html 标准中比较成熟的一个版本，目前使用时间最长。html5 是 html 标准中先进的最新标准，新增了更加丰富的语义化标签，更好的被机器识别。另外 canvas+webgl 实现无插件的动画和绘图能力。还有新增了例如本地存储、websocket、语义化标签等。
html5 新增元素和标签
新增了语义标签，都是块级元素
Canvas
用于图形的绘制，canvas 标签只是图形容器，必须通过 js 脚本来完成
可以通过多种方法使用 canvas 绘制路径、多边形、圆等以及添加图像。
一个画布在网页中是一个矩形框，默认情况下
通过 canvas 的 getContext 方法能够返回一个上下文 cxt 对象，其具有一系列绘图 API，这些 API 都可以使用 js 语言通过 ctx 调用。
canvas 可以返回 webgl 的 3d 对象，也可以返回 2d 对象。
webGL
是一个技术标准，来源于比较成熟的 OpenGL 标准，目前大多数浏览器都能够支持 WebGL 技术标准。通过 WebGL 技术标准可以实现 3D 绘图，要想实现 WebGL 或者说获得 WebGL API 来绘制三维场景，需要用 HTML 的 Canvas 元素来实现。
Meta 标签
标签定义关于 HTML 文档的元数据。元数据是关于数据的数据（信息）。
标签始终位于
元素 内，通常用于指定字符集、页面描述、关键词、文档作者和视口设置：
元数据不会显示在页面上，但可以被机器解析。
浏览器（如何显示内容或重新加载页面）、搜索引擎（关键词）和其他网络服务会用到元数据。
提示：meta 元素有多种不同用法，而且一个 HTML 文档中可以多个 meta 元素。
提示：通过 标签，有一种方法让网页设计师控制视口（即用户在网页中可见的区域）（请参见下面的 ” 设置视口 ” 实例）。
注意：每个 meta 元素只能用于一种用途。如果想要使用的特性不止一个，那就应该在 head 元素中添加多个 meta 元素。
meta name 属性：来帮助你的主页被各大引擎登录，提高网站的访问量。在这个功能中，最重要的就是对 keywords 和 description 属性的设置。
meta viewport 属性：用于设置页面视窗宽高缩放
!DOCTYPE
文档类型标记
一种标准通用标记语言的文档类型声明
目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义来解析文档。
不是 HTML 标签
HTML4 和 HTML5 的区别
文档类型声明
html5 中仅定义一种文件声明方式（上文），h5 中可以不适用版本说明，适用于所有版本的 html
指定字符编码
h4 使用 meta 元素的形式指定文件中的字符编码
h5 使用 meta 元素直接追加 charset 属性来指定字符编码
指定省略标记
指定一些元素不允许写结束标记（
、
指定可以省略标记的元素（
）
指定一些可以完全被省略的元素（）
指定 boolean 值的属性
省略引号
在指定属性值的时候，属性值两边加引号时，既可以用双引号也可以用单引号
当属性值不包括空字符串、、=、单引号、双引号等字符时，引号可以省略
web 存储
web 存储需要更加的安全和快速，这些数据不会保存在服务器上，但是这些数据只用于用户请求网站的数据上。它可以存储大量的数据而不影响网站的性能，数据以键值对存在，网页的数据只能匀速该网页访问使用。
LoacalStorage – 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除
SessionStorage – 用于临时保存同一窗口的数据，在关闭窗口或者标签页之后将会删除这些数据
方法：
保存数据
.setItem(key,value)
读取数据
.getItem(key)
删除单个数据
.removeItem
删除所有数据
.clear
得到某个索引的 key
.key(index)
localStorage、sessionStorage、cookie 异同
相同点：都是存储在浏览器端
不同点：
1、传递方式不同
cookie 的数据始终在同源的 http 请求中携带，即 cookie 在浏览器和服务器间来回传递
storage 不会自动把数据发送给服务器，仅仅是浏览器本地保存
2、数据量大小不同
cookie 数据不能超过 4k（由于 http 请求都会携带 cookie，所以 cookie 适合保存很小的数据）
storage 也有限制，但是能达到 5m 或者更大
3、数据有效期不同
sessionStorage：当前浏览器窗口关闭前有效，不能持久保存
localStorage：始终有效，窗口或者浏览器关闭也有效
cookie：在设置的过期时间之前一直有效，即使窗口和浏览器关闭。
4、作用域不同
sessionStorage 仅在一个窗口下，在不同的浏览器窗口中也不共享，即使是同一个页面
localStorage 在所有同源窗口中都共享
cookie 在所有同源窗口中共享
原文地址: HTML5 重点 – 前端面试自用
