从html代码到html5代码

html5，web开发领域的新术语，从html到html5，从纯粹的div到等新的结构性标记，让代码更清晰化。

一个web页面大致的代码是这样的：



从图可以看出，我们一般的代码都是利用div标记来构建html代码的，不同的页面板块，定义不一样的id属性，这个对于人为看的话可能没什么差异，但是对于搜索引擎话，就需要猜测
它的意思，也可能在构建网页的时候，web设计师还在为id属性取什么名字而烦恼。在这点上，html5就实用了很多，html5中新增了一些结构性标记。

<header>：它包含所有通常放在头部的标志。

<nav>：它表示导航元素，如果页面中有<div id="nav">标记可以使用<nav>进行替换。

<section>：它指一个有主题的内容组，通常的规则是前有header标记，后有footer标记。它也可以嵌套使用。

<article>：它指将section进行打包形成一个文档或网站独立的部分，一个页面中可以有多个article元素。

<aside>：它是相当于一个括号备注，脚注，引用，注释，或者说是类似于侧边栏的标记，<aside>可以用于所有这些情况。

<footer>：它可以用在section中，也可以用于一个页面的底部。

将html5新增的这些标记整合在一起，代码就可以是这样的显示：



从代码来看，更易于理解了。

写了html5的代码，肯定需要配合上css3样式，在目前的浏览器中，样式中需要添加display: block; 这一属性。

不管是对开发人员还是搜索引擎，简洁才是硬道理!!!