关于DOCTYPE和meta
<!DOCTYPE>
DOCTYPE是‘document type’（文档类型）的缩写
！DOCTYPE是一个文档类型标记，在web设计中用来说明你用的XHTML或者HTML是什么版本。
<!DOCTYPE> 声明位于文档中最前面的位置，处于<HTML>标签之前
在HTML 4.01中，使用<!DOCTYPE> 声明需要引入DTD（文档类型声明），因为它基于SGML（Standard Generalized Markup Language 标准通用标记语言），DTD指定了标记语言的规则和语法，确保浏览器能够正确渲染内容。
HTML 4.01 规定了三种不同的<!DOCTYPE> 声明，分别是：Strict、Transitional 和 Frameset
而在HTML5中，它不基于SGML，所以不需要引入DTD，仅规定了一种声明：<!DOCTYPE html>
<meta>
<meta>标签是HTML头部的一个辅助性标签，提供了一些元信息（例如针对搜索引擎的页面描述和关键字、定义页面使用的语言等），它不会显示在客户端，但是会被浏览器解析使用好<meta>标签对HTML很有利。
<meta>标签通常位于<head>内，通常以 名称/值 对出现，没有结束标签
它有如下一些属性：
| 属性 | 值 | 描述 |
|---|---|---|
| charset | character_set | 定义文档的字符编码。 |
| content | text | 定义与 http-equiv 或 name 属性相关的元信息。 |
| http-equiv | content-type default-style refresh | 把 content 属性关联到 HTTP 头部。 |
| name | application-name author description generatorkeywords | 把 content 属性关联到一个名称。 |
实例：
实例 1 - 定义文档关键词，用于搜索引擎：
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
实例 2 - 定义web页面描述：
<meta name="description" content="Free Web tutorials on HTML and CSS">
实例 3 - 定义页面作者：
<meta name="author" content="Hege Refsnes">
实例 4 - 每30秒刷新页面：
<meta http-equiv="refresh" content="30">
HTML 4.01 与 HTML5之间的差异：
在 HTML5 中，有一个新的 charset 属性，它使字符集的定义更加容易：
HTML 4.01：<meta http-equiv="content-type" content="text/html; charset=UTF-8">（相当于设置http头的Content-Type属性）
HTML5：<meta charset="UTF-8">
