HTML5页面布局_随笔

1.header,页面的头部

2.nav ，页面的导航部分

3.section，页面中的一个内容区块，由标题和内容组成

4.aside，页面的侧边栏，非正文的内容，与页面的主要内容是分开的，被删除而不会影响页面的内容

5.article，代表一个独立的，完整的相关内容的区块

6.footer，页面或页面中的一个脚注、底部

整体结构

【页面头部】

1、文件应以“<!DOCTYPE ......>”首行顶格开始，推荐使用“<!DOCTYPE html>”

<!DOCTYPE html>

2、必须声明文档的编码charset，且与文件本身编码保持一致，指定字符编码的 meta 必须是 head 的第一个直接子元素。推荐使用UTF-8编码<meta charset="utf-8">

（1）网页显示字符集

（2）可选标签

公司的版权注释

网页制作者信息

网站简介

设定网页的到期时间，一旦网页过期，必须到服务器上重新调阅

禁止浏览器从本地机缓存中调阅内容

用来防止别人在框架中调用你的页面

自动跳转

网页搜索机器人向导，用来告诉机器人哪些页面需要搜索，哪些页面不需要搜索

收藏夹图标

3、根据页面内容和需求填写适当的keywords和description

4、页面title是不可缺少的一项，title 必须作为 head 的直接子元素，并紧随 charset 声明之后

html5不基于SGML（标准通用置标语言）,因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照他们应该的方式来运行）

而HTML4.01基于SGML，所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。

欢迎分享，转载请注明来源：内存溢出

HTML5页面布局