header元素（标签）
用于设置一个页面的标题部分，通常会包含标题，LOGO，导航等
通常会放在文章的头部
footer元素（标签）
通常用于设置一个网页的底部区域，会包含友情链接，版权声明，文件建立日期，联系方式等
通常会放在页面的页脚
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>2.2课堂演示</title>
<style type="text/css">
body{height: 708px}
header{width: 100%;height: 10% ;background: green;}
footer{width: 100%;height: 10% ;background: blue;}
#div0{width: 100%;height: 80% ;}
#div2{width: 20%;height: 100%;background: Aquamarine;float: left;}
#div3{width: 80%;height: 100%;background: DarkGray;float: left;}
</style>
</head>
<body>
<header>我是头部</header>
<div id="div0">
<div id="div2">我是侧边栏</div>
<div id="div3">我是主体内容</div>
</div>
<footer>我是底部</footer>
</body>
</html>
