使用 HTML5 的网站布局
HTML5 提供的新语义元素定义了网页的不同部分（此时style样式表内使用语义元素加{}来定义样式）
HTML5 语义元素
| header | 定义文档或节的页眉 |
| nav | 定义导航链接的容器 |
| section | 定义文档中的节 |
| article | 定义独立的自包含文章 |
| aside | 定义内容之外的内容（比如侧栏） |
| footer | 定义文档或节的页脚 |
| details | 定义额外的细节 |
| summary | 定义 details 元素的标题 |
这个例子使用 <header>, <nav>, <section>, 以及 <footer> 来创建多列布局：
在HTML4.0版本中 可使用区块元素配合id属性达到同样目的（此时style样式表里使用与id搭配的“#语义元素 加{}“）
可以使用folate浮动布局来分割横向并排的块元素
例子
<div id="header">
内容。。。。
</div>