1.HTML5中新增了语义化标签来弥补这个缺陷，现在我们可以根据标签名去推断出其大致内容，方便代码的阅读，而且使用语义化标签也可以提高被搜索引擎检索的概率。
2.图片处理属性：filterblur（xpx）：模糊图片。contrast(x%):对比度调整。并联设置的话，下面的值会覆盖上面的值。grayscale：灰度调整。hue-rotate：图像色相旋转。
3.calc()函数可以在声明CSS属性值时执行一些计算。transition:要过渡的属性 花费时间 运动曲线 何时开始。
4.transform的优点就是不会影响到其它元素的位置，如果单位不是px而是百分比的话，表示的就是自身元素的百分比，这种移动方式对行内标签是没有效果的。2D旋转指的是让元素在二维平面内顺时针或者逆时针旋转。
5.transform:rotate();可以通过transfrom-origin属性更改旋转点。缩放的意思就是可以放大和缩小，可以用scale来设置缩放，这种方式相较于直接修改宽高而言优势就是不影响其它盒子。
6.需要注意的是，书写顺序会影响转换的效果，比如先旋转会改变坐标轴方向，所以在同时有位移和其它属性的时候，位移要放在最前面。
7.动画是使元素从一种样式逐渐变化为另一种样式的效果。您可以改变任意多的样式任意多的次数。animation: 动画名称 持续时间 运动曲线 何时开始 播放次数 是否反方向 动画起始或者结束的状态。步长的意思就是整个操作划分为多少步，然后一步一步执行，类似于那种一格一格的进度条的感觉，可以做一些有意思的动画。3D移动和2D移动类似，只不过是多了个Z轴。
8.首先给需要移动的元素的父元素添加透视，在透视固定的情况下，改变translateZ的大小，就会改变元素在屏幕上的大小。3D旋转指可以让元素在三维平面内沿着x轴，y轴，z轴或者自定义轴进行旋转。
9.左手大拇指指向某一个轴的正方向，手指弯曲的方向就是旋转的正方向，反之就是反方向。3D呈现就是用来控制子元素是否开启三维立体环境，默认是transform-style: flat(不开启)，如果想开启，可以修改为transform-style: preserve-3d。
10.注意：代码是写给父元素的，但影响的子元素。浏览器私有前缀是为了兼容老版本的写法，比较新的版本的浏览器无须忝加。-moz-：代表 firefox浏览器的私有属性-ms-：代表ie浏览器私有属性-webkit-：代表 safari、chrome私有属性-o-：代表Opera私有属性。
11.这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。
12.Canvas API 也使用了路径的表示法。但是，路径由一系列的方法调用来定义，而不是描述为字母和数字的字符串，比如调用 beginPath() 和 arc() 方法。一旦定义了路径，其他的方法，如 fill()，都是对此路径操作。绘图环境的各种属性，比如 fillStyle，说明了这些操作如何使用。
13. 标签为媒体元素（比如 and ）规定外部文本轨道。
这个元素用于规定字幕文件或其他包含文本的文件，当媒体播放时，这些文件是可见的。
14.渐变可以填充在矩形, 圆形, 线条, 文本等等, 各种形状可以自己定义不同的颜色。
15.SVG
- SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
- SVG 用于定义用于网络的基于矢量的图形
- SVG 使用 XML 格式定义图形
- SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失
- SVG 是万维网联盟的标准
16.WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
-
在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
-
HTML5 定义的 WebSocket 协议，能更好的节省服务器资源和带宽，并且能够更实时地进行通讯。
-
浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通过 TCP 连接直接交换数据。当你获取 Web Socket 连接后，你可以通过 send() 方法来向服务器发送数据，并通过 onmessage 事件来接收服务器返回的数据。
-
只读属性 bufferedAmount 已被 send() 放入正在队列中等待传输，但是还没有发出的 UTF-8 文本字节数。
