正应为大家公认html布局中对“header”为常用命名，所以在HTML5新增了个header标签元素。可以这样了解为何在html5中新增header为标签元素。

除了直接运用header标签外，也可以对header设定class或id。

html5 header标签的用途实例：

对主页的介绍：

  
 
百分百源码网
  
 
专注于编程（百分百源码网）
  
  
  
 
  
  
百分百源码网的html5语义化标签之构造标签
  
  
article、section、hgroup、aside、nav...
  
 
  
 
...这里面包括了许多东西...
  

代码结果如图：

这就是最根本的用途了。在上面的构造中，我们可以看到运用header我们定义了一篇文章的标题和内容。这里header标签的运用并不是页面的页头，而是文章的页头。

所以在HTML5中，header的运用更加灵便，你可以依据你的需要来定义和组织document构造。

一样,在架构页面时，header标签个别都放在页面的顶部，但是要是你想把他放在左侧，右边甚至底部都没有关系，标签只定义了自身在页面的角色，而不是位置。固然更具搜寻引擎优化准则，重要内容最后在架构页面的时候提早。

二、此刻再来说说兼容性的题目了：

由于header标签是HTML5新增标签元素，所以旧版本阅读器均不支撑，需要IE9+以上阅读器、最新谷歌Chrome等阅读器才支撑。固然国内360阅读器、baidu阅读器、漫游阅读器等阅读器均借用系统自带IE内核，所以国内阅读器现实上与你系统自带阅读器IE版本雷同，所以你IE阅读器在IE9或以上版本天然就兼容HTML5新增标签元素。

此刻我们升级一下上文的代码：

HTML5教程 百分百源码网 
[手机版]
[百分百源码网]

结果如图：

html article标签有什么用？html article标签的运用办法介绍

以上就是html5 header标签有哪些意思？html5 header标签的用途详解（附实例）的细致内容，更多请关注 百分百源码网 其它相干文章！