文档类型是什么？就是在每一次你做网页设计的时候，都要在最上面写的你搞不太明白的类似于如下的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

为什么要写这样的东西？那是为了让你的网页显示正常。有了文档类型以后，浏览器才能知道以何种方式显示你的网页，要不然，浏览器会进入一个叫怪异模式（Quirks Mode）的警告状态。如果一个现代浏览器遇到一张没有正确文档类型的网页，它就会以为：“嗯，这张网页一定是很早很早以前用HTML编辑器写的。我得假装自己是一个真正很旧的浏览器来显示网页，就像那些bug重重的旧浏览器所显示的那样。”这就是为什么当没有一个正确的文档类型时，你用CSS进行样式设置的可爱网页，可能看起来并不像它根据当前的标准所应该显示的样子。

那么文档类型都有哪些？有这么三大类：

HTML 4.01 标准下有严谨型，过渡型和框架型，代码分别是：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"  "http://www.w3.org/TR/html4/frameset.dtd">

XHTML1.0标准下也有严谨型，过渡型和框架型，代码分别是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML1.1 DTD标准下有一类：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

我该用哪一种呢？当然是哪一种都可以用。但是目前最流行的HTML和XHTML的版本是HTML 4.01 Transitional和XHTML 1.0 Transitional。这些HTML类型仍然让你使用展示型的标签，如<font>标签，但是建议使用XHTML1.0 strict版本和XHTML1.1版本，从一开始就使用标准的严格的代码。

使用XHTML版本时，要注意它不同于HTML的语法规则：

1.所有的标签都必须闭合。以前在HTML中，你可以打开许多标签，例如<li>标签，而且不一定用</li>来关闭它。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如:<img />标签。

2.所有标签和属性都必须使用小写。与HTML不一样，XHTML对大小写是敏感的，<title>和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。

3.所有的XML标记都必须合理嵌套。同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序。

这样的写法是正确的：<p>here is an emphasized <em>paragraph</em>.</p>

而这样的写法就是错误的：<p>here is an emphasized <em>paragraph.</p></em>

4.所有的属性必须用引号""括起来。在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如:<height=80> 必须修改为：<height="80"> 特殊情况，你需要在属性值里使用双引号，你可以用"，单引号可以使用&apos;，例如：<alt="say&apos;hello&apos;">

5.把所有<和&特殊符号用编码表示。任何小于号（<），不是标签的一部分，都必须被编码为& l t ; 任何大于号（>），不是标签的一部分，都必须被编码为& g t ; 任何与号（&），不是实体的一部分的，都必须被编码为& a m p;

注：以上字符之间无空格。

6.给所有属性赋一个值。XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：<input type="checkbox" name="shirt" value="medium" checked> 必须修改为：<input type="checkbox" name="shirt" value="medium" checked="checked">

7.不要在注释内容中使“–”。“–”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:<!–这里是注释———–这里是注释–> 用等号或者空格替换内部的虚线。<!–这里是注释============这里是注释–> 以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。

8.图片必须有说明文字。每个图片标签都必须有ALT说明文字。<img src="ball.jpg" alt="large red ball" />

分享到：