之前我们一直码代码用的最多的布局标签就是<div>标签了，<div>标签的id属性是自由命名的，如果id的名称与网页架构无关，这就会造成别人很难去判断你写的网页的架构了，而过多的<div>会让代码看起来很凌乱、不易阅读。
而HTML5新的结构标签带来了网页布局的改变，提升了对搜索引擎的友好度。现在，越来越多的用户和程序设计者不再频繁使用<div>标签了，而是更多地利用HTML5新的结构标签。
下面来看一个简单的HTML5入门例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test</title>
</head>
<body>
<header>
<hgroup>
<h1>我的旅行</h1>
<h4>读书让我们获取知识，旅行让我们感受生活！</h4>
</hgroup>
<nav>
<ul>
<li><a href="#">关于旅行</a></li>
<li><a href="#">爱旅行</a></li>
<li><a href="#">爱分享</a></li>
最低0.47元/天 解锁文章
1316
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
