`<!DOCTYPE html>`声明为HTML5标签

`<head>、<aside>、<canvas>、<audio>、<video>、<link>（只能出现在head头部）`

` html5:<header>、<footer>`

canvas相当于一个画布，绘制的图形为标量图，适合引入图片，会失真；

svg是用来画矢量图的，如小图标等等，不会失真

行内元素：a、span、img、input、select、strong

块级元素：div、ul、li、ol、p、h1~h5...

渲染引擎：渲染网页内容

JS引擎：利用js来实现逻辑和控制DOM

（1）让页面内容更加结构化，模块更清晰

（2）代码分块之后，便于阅读、理解和维护

（1）数据传输：cookie会将数据在同源http请求中携带；localStorage和sessionStorage不会把数据发送给服务器，仅保存在于本地

（2）存储大小：cookie数据大小不超过4K；localStorage和sessionStorage大得多

（3）生命周期：cookie数据会在设置的时间消失，与浏览器关闭无关;localStorage数据持久保留，除非主动删除；sessionStorage数据会在浏览器关闭之后消失

（4）共享：cookie在同源或符合path规则的文档中共享；localStorage在同源之间可以共享；sessionStorage不可以共享

因为table标签里的东西要全部加载完成之后才显示出来，如果行列太多，就会影响网页性能

`（1）canvas绘画、video、audio、sessionStorage、localStorage、`

`（2）语义化元素<footer>、<nav>、<header>、<section>、websocket`

原理：HTML5的离线缓存是基于一个.appcache文件的缓存机制，通过这个文件里的解析清单来离线存储资源，这些资源像cookie一样被存储下来；所以当浏览器处于离线状态时，浏览器就会将离线存储的数据进行页面展示。

优点：

（1）可以把嵌入的样式原样展示出来；

（2）模块分离，当多个页面引用一个frame时，可以只需修改frame内容就可以，增加代码的可重用性；

（3）页面重载时，只会重载框架页，不会重载整个页面；

（4）方便制作导航栏；

缺点：

（1）样式和脚本需要额外嵌入

（2）iframe嵌入之后，可能出现滚动条，导致样式不好看

（3）iframe会阻塞页面加载，影响网页加载速度

当用户点击label标签时，浏览器会将焦点转到标签上

`<label id=""></label>`

`<input>`

label的for对应的input的id