根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

尽可能少的使用无语义的标签div和span；
在语义不明显时，既可以使用div或者p时，尽量用p, 因为p在默认情况下有上下间距，对兼容特殊终端有利；
不要使用纯样式标签，如：b、font、u等，改用css设置。
需要强调的文本，可以包含在strong或者em标签中（替换b/i）；
使用表格时，标题要用caption，表头用thead，主体部分用tbody包围，尾部用tfoot包围。表头和一般单元格要区分开，表头用th，单元格用td；
表单域要用fieldset标签包起来，并用legend标签说明表单的用途；
每个input标签对应的说明文本都需要使用label标签，并且通过为input设置id属性，在lable标签中设置for=someld来让说明文本和相对应的input关联起来

autocomplete：自动完成，适用于 <form> 标签，以及以下类型的 <input> 标签：text, search, url, telephone, email, password, datepickers, range, color。用法：<form autocomplete="on“></form>或者单独在input中用off
autofocus：自动地获得焦点，适用于所有 <input> 标签的类型用法：<input autofocus="autofocus" />
multiple：可选择多个值，适用于<input>中type为email和file用法：<input type="file" multiple="multiple" />
placeholder：适用于<input>中type为：text, search, url, telephone, email, password
required：规定不能为空，适用于以下类型的 <input> 标签：text, search, url, telephone, email, password, date pickers, number, checkbox, radio, file用法：<input type="text" required="required" />

使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是cookies。但是Web 存储需要更加的安全与快速.
这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能。数据以键/值对存在,web网页的数据只允许该网页访问使用。

客户端存储数据的两个对象为：

不管是 localStorage，还是sessionStorage，可使用的API都相同，常用的有如下几个（以localStorage为例）：

其他还有web worker、web socket、canvas、video、audio等，等实际接触到了再补充