常用的 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可以，所以，在前端编写代码的时候，注意头部声明的选择和兼容性控制。
分享到：
相关推荐
【网页设计与制作】——农产品HTML网页制作：设置网页头部信息 在网页设计与制作过程中，HTML（超文本标记语言）是构建网页的基础。本文主要围绕农产品HTML网页制作，讲解如何设置网页的头部信息，包括HTML5的基本...
网页头部包含的信息对于页面的加载速度、SEO优化以及用户体验都有着不可忽视的影响。通过合理使用上述标签，不仅可以提升网页的质量，还能更好地与用户及搜索引擎进行沟通。希望本文能帮助你更好地掌握这些基础而又...
网页头部标签主要指`<head>`标签，它位于HTML文档的开头部分，用于包含文档的元数据。元数据是关于数据的数据，它可以包括文档的标题、字符集声明、样式表链接、脚本引用以及各种元信息等。 #### 二、关键标签详解 ...
DOCTYPE html>`指明文档类型，头部元素`<head>`包含元信息，如标题、字符编码等，主体元素`<body>`则包含页面的可见内容。 2. **HTML标签**：HTML标签用于定义网页的各个部分和元素。例如，`<h1>`到`<h6>`用于创建...
- 和<footer>：分别表示网页的头部和底部，可以放置导航栏和版权信息。 对于网页的美观性，我们还需要引入CSS（层叠样式表）来控制元素的样式。例如，可以使用CSS来设置字体、颜色、布局和响应式设计，确保网页在...
DOCTYPE>声明、<html>根元素、头部和主体组成。每个元素都有其特定的含义和功能，学习者需要理解这些基本结构。 2. **文本格式化标签**：如至用于定义标题级别，用于段落，和用于强调文本， 用于换行，用于创建...
HTML5作为现代网页开发的基础，提供了丰富的标签用于构建网页结构。本项目中使用了HTML5来创建整个旅游网站的基本框架。其中包括了文档类型声明（`<!DOCTYPE html>`）、根元素（`<html>`）、头部元素（`<head>`）...
通过理解和掌握以上知识点，开发者可以构建功能丰富的、具有吸引力的HTML页面，满足各种网页设计需求。对于网页开发来说，理解HTML的基本原理并结合CSS和JavaScript进行美化和交互设计，是至关重要的技能。
本章主要介绍网页设计的基础知识，包括网页的基本元素、网页的布局结构、创建HTML5页面、HTML5基础等内容。本章的学习目标主要是了解网页上常见的基本元素及其特点，了解网页的布局结构，掌握编辑HTML5网页常用的...
### CSS参考手册_第4章__网页头部元素的详细定义 #### 1. DOCTYPE的选择 ##### 1.1 什么是DOCTYPE DOCTYPE是Document Type（文档类型）的简称，在HTML文档中用来指定所使用的XHTML（或HTML）的版本。正确的DOCTYPE...
【新闻网站的HTML页面】是网页设计初学者的宝贵资源，它展示了如何构建一个基本的新闻站点。HTML（HyperText Markup Language）是网页内容的结构标准，是互联网的基础。通过学习这个实例，你可以理解如何组织新闻...
3. **头部**（）：包含元数据，如字符编码、页面标题、样式表引用等。 4. **主体**（）：包含实际可见的内容，如段落、标题、图片、链接等。 在HTML中，有各种各样的标签用于定义不同的内容。例如： - **标题标签*...
一个HTML文档通常由文档类型声明（<!DOCTYPE html>）、HTML标签（<html>）、头部标签（）和主体标签（）组成。头部标签内包含元信息，如字符集设置（）、标题（）等，而主体标签则包含了网页的可见内容，如段落（）...
一个简单的HTML网页通常由基本的结构元素组成，包括头部、主体和尾部。在这个名为"简单的html网页"的压缩包中，我们可能有一个或多个HTML文件，它们展示了HTML的基本用法。 首先，HTML文档以`<!DOCTYPE html>`声明...
作为一个基础的HTML5页面，通常包括几个关键组成部分：文档类型声明、头部、主体以及一些基本的元素和属性。 首先，让我们从文档类型声明（Doctype）开始。在"简单的html5页面"中，你可能会看到这样的开头： ```...
1. **HTML 结构**：HTML文档通常由三部分组成：头部（`<head>`）、主体（`<body>`）和文档类型声明（`<!DOCTYPE html>`）。头部包含元数据，如字符集和样式表链接；主体则是网页可见内容的容器。 2. **HTML 标签**...
DOCTYPE html>`声明，`<html>`根元素，`<head>`元素用于设置页面元信息，以及`<body>`元素用于放置页面内容。 ```html <!DOCTYPE html> <html lang="zh"> 全屏最大化特效 <!-- 页面内容 --> </html> ``` 2...
HTML（HyperText Markup Language）是用于创建网页的标准标记语言，它是网页设计的基础，无论是静态页面还是动态页面，HTML都是构建其结构的核心。本教程将深入浅出地介绍如何使用HTML来制作简单的静态网页。 首先...
这个压缩包中，包含了三个文件：网页1、网页3和网页2，它们很可能是三个不同的HTML示例页面，用于展示如何利用HTML5构建静态网页。 HTML5的核心优势在于它的语义化标签，这些标签提供了更好的结构和内容理解。例如...
描述中的关键词"静态页面示例"表明我们将在讨论如何构建一个基本的HTML页面。一个典型的HTML页面由以下几个部分组成： 1. **文档声明**：位于HTML文件的顶部，例如`<!DOCTYPE html>`，告知浏览器使用哪种HTML版本...