1、什么是布局？在网页当中，我们的这个布局效果就是多行多列来展示一个网页，从而让网页上的各种内容有了一个清晰的层次与结构。
2、一稍僚敉视个简单的网页布局例子。我们可以看出<div>在网页的布局中大显身手。<!DOCTYPE html><html><head><style>#header { background-color:black; color:white; text-align:center; padding:5px;}</style></head><body><div id="header"><h1>City Gallery</h1></div></body></html>
3、<section>标签，这个标签的使用主要用来定义网页文本当中的节，有了这个节之后，就可以对于整段的文本进行样式的设定。
4、<article>标签，这个主要用来指定网页当中的文章，在网页当中有了这样的一个article标签之后，我们就可以描述文章的样式。
5、<aside>标签，这个标签主要使用在网页的侧栏上面，这个侧栏位于网页的左面或者右面。
6、<footer>标签，这个标签主要指网页的页脚，与之对应的就是<header>它主要指网页的页眉。
