第二章 网站开发基础之HTML教程 - 三、HTML及网页相关的知识点：DTD文档类型和HTML版本

（六）DTD文档类型和HTML版本

    浏览器的工作模式通常称为“渲染模式”。在同一个浏览器里，同样的网页代码，渲染效果根据各个网页所指定的DTD（Document Type Definition，文档类型定义）而有差异；在不同的浏览器里，同样的网页代码、同样的DTD，渲染出来的效果也有差异。有些HTML标签或CSS属性的渲染效果差异比较细微，而有些HTML标签或CSS属性的渲染效果差别巨大。这些差异问题，统称为浏览器的兼容性问题。
    HTML从诞生到现在，经历了很多个版本。最新的版本是HTML5，可以做出炫而高效的动画和图形特效，以至于HTML5可以用于开发网页游戏（HTML5开发的网页游戏简称为H5游戏，可以自行在百度中搜索“H5游戏”看看）。
    不同的HTML版本所支持的HTML标签数量不同，有的版本支持很多的HTML标签，有的版本则删除了部分HTML标签。
    在网页中通过设置DTD告诉浏览器，这个网页是什么版本、如何渲染网页里的元素，即不同的HTML版本通过DTD定义了HTML元素不同的渲染效果。通过指定DTD，浏览器才能渲染出尽可能接近网站开发人员预计的效果，如果不指定DTD，同样的网页代码在各个浏览器中的渲染效果差别会很大。
    常见的DTD达18种之多。按工作经验和试验比对，有两种DTD在不同的浏览器里显示效果差别很小：“XHTML 1.0 Transitional”和“HTML 5”。
XHTML1.0 Transitional的DTD代码如下：

 

HTML5的DTD代码如下：

 

    各种DTD的指定，就编写在HTML网页代码的头部。我们之前的很多演示代码都是使用HTML5的DTD。HTML5的DTD其实是声明“DTD为空”（注意，这与不声明DTD的渲染效果是有差别的）。在DreamWeaver中更改DTD的方式是，选择头部菜单：修改→页面属性（也可以直接按快捷键ctrl+j），在弹出的页面属性面板中点选“标题/编码”，即可看到可供选择的DTD。

（图2-50）

    同样的网页代码，在不同的浏览器中渲染效果差别越小，则网站开发人员所投入用于修正浏览器兼容性问题的时间越少，网站开发效率则越高。所以在网站开发时，建议使用“XHTML1.0 Transitional”或“HTML5”这两种DTD之一。强烈推荐使用HTML5的DTD，原因有二：一是，HTML5是HTML的最新版本，方便随时对网站进行升级；二是，HTML5的DTD很短，记忆和编写都方便。之前有说过，为了兼容更多的浏览器，以及兼容同一浏览器的低版本，通常不推荐使用新出的HTML标准（比如HTML5），实际上是指不推荐使用新出的HTML标准的新标签，我们这里只是使用了HTML5的DTD，是可以的！