1、DTD声明：
<!doctype html>
2、布局标签
<html>
<head></head>
<body>
//头部标签
<header>
<nav>导航栏标签</nav>
</header>
<div>
//自定义主区间
<section>
<ruby>夼<rp>(</rp><rt>kuang</rt><rp>)</rp></ruby> //效果：夼（kuang）
<article>
//文章列表标签
<article>
</section>
//自定义侧边区间
<aside>
//h标签组合标签
<hgroup>
<h3>adasdas</h3>
</hgroup>
</aside>
</div>
//脚部标签
<footer>
<p>这是一个footer标签</p>
<small>法律条文</small>
<small>联系我们</small>
<small>客户意见</small>
<small>商户合作</small>
</footer>
</body>
</html>