在HTML5网页中写法正确的是,跟永哥学HTML5（4）：正确使用HTML5的header、hgroup和section...

在上一章HTML5新增语义化元素的使用中我们讲解了

1、只在需要的时候使用header和hgroup

写不需要写的标签当然是毫无意义的。不幸的是，我经常看到header和hgroup被无意义的滥用。

关于header和hgroup元素简单总结如下：

header元素表示的是一组介绍性或者导航性质的辅助文字，经常用作section的头部

当头部有多层结构时，比如有子头部，副标题，各种标识文字等，使用hgroup将h1-h6元素组合起来作为section的头部

header的滥用

由于header可以在一个文档中使用多次，很多人这样使用：

125建站网

如果你的header元素只包含一个头部元素，那么丢弃header元素吧。既然article元素已经保证了头部会出现在文档概要中，而header又不能包含多个元素(如上文所定义的)，那么为什么要写多余的代码。简单点写成这样就行了：

125建站网

的错误使用

在headers这个主题上，我也经常看到hgroup的错误使用。有时候不应该同时使用hgroup和header:

如果只有一个子头部

如果hgroup自己就能工作的很好。。。这不废话么

第一个问题一般是这样的：

网页设计|www.125jz.com

站长：江山如画

此例中，直接拿掉hgroup，让heading裸奔吧。

网页设计|www.125jz.com

站长：江山如画

第二个问题是另一个不必要的例子：

网页制作

www.125jz.com

如果header唯一的子元素是hgroup，那还要header干神马？如果header中没有其他的元素(比如多个hgroup)，还是直接拿掉header吧

My company

Established 1893

125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/1055.html