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>它主要指网页的页眉。
