<div id="header"></div>
<div id="center"></div>
<div id="footer"></div>
对于header部分，肯定要显示网站标题，除了显示网站标题外，还可能要显示其他比较重要的对象，比如网站的导航栏：
<div id="header">
<div id="title">这里是网站的标题</div>
<div id="nav">这里是网站导航栏</div>
</div>
导航栏一般是由多个小块内容组成，选择无序列表
<ul><li></li></ul>
其实用postion: fixed并不是很方便，用position: sticky会更容易达到我们的目的。只需要给头部设置：
即可。
将position设置为sticky，那么头部组件还会占有着上方空间，所以下面的body中的组件可以不用设置预留top。如果是用的fixed属性，那么body下面的组件也要算出导航栏的长度，再设置top属性，这样一来就麻烦了很多
HTML头部区域就是html页面里得head标签里所放的就是区域就要头部区域，head标签可以放link，meta，style，scrip，以及title。HTML主题区域，那就是body标签内，body标签内，可以说你想放啥就放啥，但是也要讲究规律的。body内也分头，主体，底部区域。具体怎样，主要是还要看页面怎么布局。
