爱美之心人皆有之，一个青新美观的网页设计会让你的网站让人记忆深刻。
请设计好您的网页布局
HTML5 提供的新语义元素定义了网页的不同部分：
| 标签 | 描述 |
|---|---|
| <header> | 定义文档或节的页眉。 |
| <nav> | 定义导航链接的容器。 |
| <section> | 定义文档中的节。 |
| <article> | 定义独立的自包含文章。 |
| <aside> | 定义内容之外的内容（比如侧栏）。 |
| <footer> | 定义文档或节的页脚。 |
| <details> | 定义额外的细节。 |
| <summary> | 定义 details 元素的标题。 |
这个实例使用 <header>, <aside>, <section>, 以及 <footer> 加CSS样式来创建多列布局：
使用这些元素能让您的网站更加规范化，让搜索引擎更加快速的认识您网页的内容。
当然了这些元素能起多大实际作用，无人确定，您也可以全部使用div进行布局，不过既然有规范，遵守最为合适。
也可以使用 HTML table 进行布局，不过万变不离其宗，条条大路通罗马，达到最终目的即可，在站长本人实践中，使用div的居多，您可以都试试，最终选取一种方式即可
为了演示方便，本章节是采取的CSS内联样式，实践中不推荐此种方式，不利于维护，建议将CSS代码抽取存放在外部样式表中，也可以减轻网页的加载速度（通常CSS与JS文件会被浏览器缓存，加载网页的时候不会重复加载CSS与JS，加载内容少了速度自然快了）。
如需要学习更多CSS知识，请访问我们的 CSS教程
