避免常见的六种html5错误用法

2、只在需要时才使用header和hgroup

写不需要的标签是毫无意义的，但不幸的是，很多开发站长会毫无意义的滥用。

：若你的元素只包含一个头部元素，那么一定要元素。原因在于，元素已经保证了头部会出现在文档概要中，而又不能包含多个元素，所以一定要避免多余冗长的代码。

：

A、此例中，直接拿掉hgroup即可。

B、若header唯一的子元素是hgroup，那header也就没有存在的意义，若header中没有其他的元素，如：多个hgroup），最好是直接拿掉header元素。

3、避免用不必要的type属性

这是一个常见的问题，不过还不算是错误，但是即便如此，天津app开发还是觉得尽可能的通过最佳实践来避免这种风格。在HTML5中，script和style元素不再需要type属性。然而，这些很可能会被你的CMS自动加上，所以要移除也不容易，但若你是手工编码或者你完全可以控制你的模板的话，那真的没有什么理由再去包含type属性。

4、figure元素的常见错误

A、不是所有的图片都是figure

大部分网站都把图片写作figure，但看在图片的份上请不要给它加额外的标签了，规范中将figure描述为“一些流动的内容，有时候会有包含于自身的标题说明，一般在文档流中会作为独立的单元引用。”这正是figure的美妙之处—它可以从主内容页移动到sidebar中，而不影响文档流。

B、Logo并不是figure

进一步的说，logo不适用于figure，它只应该被引用在文档中，或者被section元素围绕。

C、Figure也不仅仅只是图片

另一个常见的关于figure的误解是它只被图片使用，其实它可以是视频，音频，图表，表格，一段代码及任何它们或者其他的组合。不所以，要把figure局限于图片。

5、form属性的错误使用

HTML5引入了一些form的新属性，以下是一些使用上的注意事项：布尔属性。

一些多媒体元素和其他元素也具有布尔属性，这里所说的规则也同样适，有一些新的form属性是布尔型的，意味着它们只要出现在标签中，就保证了相应的行为已经设置。这些属性包括：autofocus、autocomplete、required，坦白的说，这种情况出现的很少，但虽然少依然要注意。

好了，今天的分享到这里就就结束了，是否对从事html5开发的你带去了帮助呐？若您想了解更多的内容，欢迎来我们的官网：http://www.wenshuai.cc/阅读哦！