常用的 DOCTYPE 声明
HTML 5
<!DOCTYPE html>
HTML 4.01 Strict
该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict
该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset
该 DTD 等同于 XHTML 1.0 Transitional，但允许框架集内容。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
那么在网页中，这些声明有什么作用呢？下面详细来解释下具体什么意思。
上面介绍的这些放在html头部的代码我们称做DOCTYPE声明。DOCTYPE是document type（文档类型）的简写，用来说明你用的XHTML或者HTML是什么版本。
其中的DTD（例如代码中的xhtml1-transitional.dtd）叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。
要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。
<html xmlns="http://www.w3.org/1999/xhtml">
这个"xmlns"是XHTML namespace的缩写，叫做"名字空间"声明。名字空间是什么作用呢？
答：由于xml允许你自己自定义标识，你定义的标识和其他人定义的标识有可能相同，但表示不同的意义。当文件交换或者共享的时候就容易产生错误。为了避免这种错误发生，XML 采用名字空间声明，允许你通过一个网址指向来识别你的标识。
xmlns 属性在 XHTML 中是必需的。不过即使你的 XHTML 文档没有使用此属性，W3C 的验证器也不会报错。因为 "xmlns=http://www.w3.org/1999/xhtml" 是一个固定值，所以，即使你没有包含它，此值也会被添加到 <html> 标签中。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
声明内容编码类型：为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312（简体中文）或utf-8（国际编码），制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的需要定义。
<meta http-equiv="Content-Language" content="zh-CN" />
//声明网页采用的语言
<meta name="author" content="Hello" />
//声明作者名字
<meta name="copyright" content="" />
//声明版权信息
<meta name="keywords" content="" />
//声明网页关键字：关键字中间用英文逗号隔开
<meta name="description" content="meta是html语言head区的一个辅助性标签。" />
//声明对网站的简单描述信息
后面两行主要是被百度这些搜索网站检索的时候用的，对SEO非常重要！
前端开发的时候，如果不指定文件类型，你的HTML不是合法的HTML，并且大部分浏览器会用“怪癖模式（quirks mode）”来处理页面，这意味着浏览器认为你自己也不知道究竟做什么，并且按浏览器自己的方式来处理你的代码。你能是个HTML大师，在地球上打遍天下无敌手，或你的HTML能无瑕疵，CSS能非常完美，但如果没有文件声明，或错误的文件声明，你的网页和一个短视的，独眼的长臂猿婴儿十分艰难地堆砌起来的没两样。
要想写出跨浏览器的CSS，必须知道浏览器解析CSS的两种模式：标准模式(strict mode)和怪异模式(quirks mode)。
所谓的标准模式是指，浏览器按W3C标准解析执行代码；怪异模式则是使用浏览器自己的方式解析执行代码，因为不同浏览器解析执行的方式不一样，所以我们称之为怪异模式。浏览器解析时到底使用标准模式还是怪异模式，与你网页中的DTD声明直接相关，DTD声明定义了标准文档的类型（标准模式解析）文档类型，会使浏览器使用相应的方式加载网页并显示，忽略DTD声明,将使网页进入怪异模式(quirks mode)。
标准模式中IE6不认识!important声明，IE7、IE8、Firefox、Chrome等浏览器认识；而在怪异模式中，IE6/7/8都不认识!important声明，这只是区别的一种，还有很多其它区别。
头部声明是HTML页面非常重要的一部分，有些标签在4.0的声明不起作用，在html5可以，所以，在前端编写代码的时候，注意头部声明的选择和兼容性控制。
分享到：
相关推荐
一、新的文档类型声明(DTD) 文档类型声明 HTML 5的DTD声明为: <!doctype html> <... 标记定义一个页面或一个区域的头部 <nav> 标记定义导航链接 标记定义一个区域 <aside> 标
让IE（包括IE6）支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement_x声明，利用条件注释针对IE来调用这个js文件。Opera，FireFox等其他非IE浏览器就会忽视这段代码，也...
每一个页面的结构分为头部(导航条)、主体内容（各方面介绍）和尾部（版权声明）三部分，使页面整洁分明，条理清晰。 本设计最大的特点是html5响应式设计，根据不用屏幕的大小适用于不同的平台，跨平台，节省开发成本...
让IE(包括IE6)支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement声明，利用条件注释针对IE来调用这个js文件。Opera，FireFox等其他非IE浏览器就会忽视这段代码，也不会...
about_privacy.html：隐私声明 about_terms.html：用户协议 about_us.html：关于最土 2、account开头 account_invite.html：邀请有奖 account_invite_no.html：邀请有奖 account_invite_signup.html：邀请有奖（未...
网页的头部 该标签中的内容不会在网页中直接显示 该标签用于帮助浏览器解析页面 子标签 用来设置网页的标题 默认会在浏览器的标题栏中显示 搜索引擎检索网页时，会主要检索title中的内容，...
3.5.2 声明变量标记——var 61 3.5.3 忽视HTML标记 ——plaintext、xmp 62 3.6 小结 63 3.7 习题 63 第4章 使用列表 65 教学录像：35分钟 4.1 列表的标记 66 4.2 使用无序列表 66 4.2.1 无序...
HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO 等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代，head 头部结构，移动端的 meta ...
WEB页面(HTML页面)就是由 HTML 语言来进行开发的 ，以 .html 或 .htm 进行结尾的文件 开发 & 运行网页的工具： 1、记事本 2、浏览器 2、HTML 的基础语法 1、标记语法 HTML中用于描述功能的符号称为"标记" ...
第4章 html文档的头部定义 4.1 定义标题(title元素) 4.2 怎样定义元数据 4.2.1 定义元数据关键字 4.2.2 元数据的语言信息 4.2.3 元数据的其他定义方法 4.3 用于搜索引擎的元数据 4.3.1 定义编辑工具 4.3.2 定义版权...
11、<base> 定义页面中链接的基准 URL。 12、<bdo> 定义文本显示的方向。 13、<blockquote> 定义摘自另一个源的块引用。 14、<body> 定义文档主体。 15、 定义换行符。 16、<button> 定义按钮。 17、<canvas> ...
>包裹的具有一定含义的内容，比如:… 静态网页:不变 动态网页：跟后台同时改变 2.HTML标签结构 1.文档结构： <!doctype html><!--!表示声明的意思。这一行代码意思：下面的文档标签将以html5进行解析--> &...
a) 头部声明 b) 简化了字符集声明 2.语法更宽松 a) 可以省略结束符的标签 li、dt、dd、p、optgroup、option、tr、td、th b) 可以完全省略的标签 html、head、body 3.标签语义化 增加了很多标签，在作页面的时候...
DOCTYPE html> H5标准声明，使用 HTML5 doctype，不区分大小写 <head lang=”en”> 标准的 lang 属性写法 <meta charset=’utf-8′> 声明文档使用的字符编码 <meta http-equiv=”X-UA-Compatible”...
从上述代码中可以看出，在头部声明的时候，单文件页模型只包含Language=“C#”，而代码隐藏页模型包含了CodeFile=“Default.aspx.cs”，说明被分离出去处理事物的代码被定义在Default.aspx.cs中，示例代码如下所示。...
第一个程序Hello wolrd ...DOCTYPE HTML声明是使用HTML5写的。 head元素是所有头部元素的容器。 body元素描述的是所有网页里可见的内容，h1…h5显示的是标题的尺寸，p元素是定义一个段落。 最终结果
让IE(包括IE6)支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement声明，利用条件注释针对IE来调用这个js文件。Opera，FireFox等其他非IE浏览器就会忽视这段代码，也不会...
在头部head中声明CSS选择器，并且选择相应的选择器和样式 CSS页面引用方式 内联式:通过标签的style属性,在标签上直接写样式。 嵌入式:通过style标签,在网页上创建嵌入的样式表。 外联式:通过link标签,链接到外部...
一个网页的架构：声明，头部，主体，结束 复制代码代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html ...