HTML5修炼之道

在HTML5之前，对于页面中较大块的结构（如导航、内容区、侧边栏、底部等），一般都是使用div元素来实现。但是我们都知道，div是一个无语义的元素，如果整个页面都使用div来实现，那么可读性和可维护性是非常差的。在HTML5中，新增了一组结构元素，以帮助完善页面的语义化，提高可读性、可维护性以及SEO（即搜索引擎优化）。语义化可不是简单的一个术语，可以说是HTML中最重要的概念。

因此作为一个前端开发要严谨的遵从语义化的使用规范，这不仅是作为专业人士的基本观念，更是我们职业生涯发展进步的基石。

HTML5新增的主要结构元素有6个

<header></header>
<nav></nav>
<article></article>
<aside></aside>
<section></section>
<footer></footer>

header

“签如其名”，在HTML5中header通常用于表示页面的头部例如：顶部导航栏、页头、顶部LOGO等。