昨天和大家分享过了《html5的初级技巧（一）》，今天就继续让大家一起学习html5。

1、是否使用双引号

HTML5并不是XTHML，你可以省去标签中的双引号。相信大多数同志也包括我都习惯了加上双引号，因为这让代码看起来会更标准。

2、使网页内容可以编辑

3、电子邮件输入框

html5中新增了一个输入框的电子邮件属性，可以检测输入的内容是否符合电子邮件的书写格式，功能越来越强大了吧，在HTML5之前只能依靠JS来检测。虽然内置的表单验证功能很快就会成为现实，但这个属性很多浏览器都还不支持，只会当作普通的文本输入框来处理。

4、占位符

在html5中新增了占位符属性placeholder

5、本地存储

html5的本地存储功能，可以让现代浏览器“记住”我们输入的，就算浏览器关闭和刷新也不会受影响。虽然这个功能有些浏览器不支持。

6、更有语义的header和footer

下面的代码在HTML5中将不复存在

<div id=header>
...
</div>
<div id=footer>
...
</div>

 

通常我们都会给header和footer定义一个div，然后再添加一个id，但是在HTML5中可以直接使用<header>和<footer>标签，所以可以将上面的代码改写成：

<header>

    ...

</header>
<footer>
...
</footer>

7、 标题群( hgroup)

如果用h1和h2标签分别表示网站的名称和副标题，但这会让两个本义上密切相关的标题并没有关联起来。这个时候可以使用<hgroup>标签将它们组合起来，这样代码会更有语义。

8、必填项属性

前端人员肯定做过不少表单验证的项目，其中很重要的一点就是有些输入框的内容是必须填写的，这里就需要使用Javascript来检查。在HTML5中，新增了一个“必须填写”的属性：required。required属性有两种使用方法，第二种方法显得更有结构性，而第一种更简洁。

9、自动获取焦点

html5也不再需要Javascript来解决输入框的自动获取焦点，如果某个输入框应当被选择或是获取到输入焦点，html5新增了自动获取焦点属性autofocus。