DOCTYPE类型详细介绍
所属分类：
网页制作 / HTML/Xhtml
阅读数：
298
收藏 0赞 0分享
我们在HTML里面声明DOCTYPE一般会有以下几种：
<!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 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!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">
是的，这里有HTML和XHTML，也有Transitional和Strict之分。顾名思义，XHTML是指这个文档是按照XML的格式来书写的，而HTML则表示这个文档是按照HTML的格式来书写的。Transition则表示这个文档达到了Transitional.dtd或者loose.dtd的要求，Strict则表示这个文档达到了strict.dtd的要求。但事实上我们经常会存在以下的误解：
(1) 我的文档是声明为XHTML的，则我的文档肯定完全按照XML的格式。
(2) 我的文档是声明为Strict的，则我的文档肯定是按照Strict Mode的方式来Render的，反之，是以Quirks Mode的方式来Render的。
这两种理解都很直接，然而却是错误的，我们也经常会犯这种的错误。
首先，文档声明为XHTML和HTML，和文档的Parse(即浏览器对文档的分析)是没有直接关联的。事实上，浏览器如何Parse文档取决于服务器以什么格式来提供这个文档。通常情况下，有两种方式，"text/html"和"application/xhtml xml"。只有以"application/html xml"方式来提供的文档才能够被按照XML的方式来Parse。然而，因为浏览器的历史原因，并不是所有的浏览器都支持"application/xhtml xml"格式的文档，IE7之前的版本(包括IE7)就不能够支持这种格式，如果IE7碰到这种格式的文档，它会提示用户另存为其它文件。考虑到IE使用的广泛性，目前绝大部分的文档都是以"text/html"的方式来提供的。以"text/html"方式来提供的文档是按照HTML的语义来Parse的，大家都知道HTML的容错性是非常强的，即使你的文档里面的TAG没有正确地关闭，这个HTML也能够被正确地显示出来。因此如果你的XHTML是以"text/html"的方式来提供的(绝大多数情况下都是)，那么你即使在DOCTYPE里面声明了XHTML，你的文档也不是以XML的格式来Parse的，因此也不能保证你的文档是严格按照XML的规范的。事实上，很多专家都建议如果你的文档不是以"application/xhtml xml"的方式来提供的，那么你就应该声明为HTML。
其次，浏览器以什么样的方式来Render你的文档，并不以你声明的DTD来决定的。事实上，如果你声明了DOCTYPE和DTD，你的文档就是以Strict Mode(或者称为Standard Mode，很多浏览器还包括Almost Standard Mode的方式，这里不进行区分)方式来Render的。对于没有DOCTYPE的文档，才是以Quirks Mode方式来Render的。因此浏览器的Render模式和你声明的DTD并没有直接的关系。
最后，你声明为Strict.dtd还是Transitional.dtd，在目前的浏览器看来是没有什么区别的。Strict.dtd比Transitional.dtd或者loose.dtd要严格多了，很多元素在strict.dtd里面都不能使用。然而因为浏览器的兼容性，即使你在DOCTYPE里面声明了Strict.dtd，浏览器遇到strict.dtd里面不允许的元素，也还能够正确地显示你的文档。我猜测浏览器并没有将DTD考虑进去。例如iframe这个TAG在strict.dtd里面并不存在，但即使你的DOCTYPE里面声明了strict.dtd，然后使用了iframe这个TAG，浏览器(包括IE7，IE8，FF3.0，Safari 3.0)都能够正确地显示你的文档。浏览器并没有按照你声明的DTD来Parse你的文档。目前能够保证你的文档是符合strict.dtd还是Transitional.dtd的，只能通过一些网上的Validator，如W3C Validator来分析，浏览器并不能够给你很好的支持。当然，实际上如果你能够严格按照你声明的DTD来书写你的文档，那是最好的，这样保证了以后浏览器对DTD严格遵守的时候，你的文档不会产生错误。
因此，
(1) 如果你的文档是以"text/html"的方式来提供的，那么你就应该声明为HTML。假如你想要让IE7能够正确地显示，那么你就更应该这么做了。
(2) 如果你的文档声明为XHTML，那么你应该以"application/html xml"的方式来提供。
(3) 尽量在你的文档前面声明DOCTYPE和DTD，这样能够保证你不是以Quirks Mode的方式来Render文档的。
(4) 如果你声明了DTD，那么就要严格按照DTD的要求来书写你的文档。特别是如果你声明了Strict.dtd，那么你应该注意哪些元素是不能够使用的。
注意：随着时间的发展，浏览器对HTML和XHTML，Strict.dtd和Transitional.dtd的支持会更好。如果你的浏览器比IE7, IE8, FF 3.0和Safari 3.0要高很多很多的版本，那么你要注意本文的适用性。
纯css为select添加样式(无脚本)实现
改变select默认的样式，一般情路情况下通过ul,li来模拟来实现;Jquery插件也是这样,接下来介绍一种不写脚本，只用单纯的css来实现。在IE系列下，选中某个选项的时候会有背景色块，IE7-IE10都有此bug，感兴趣的朋友可以参考下啊
收藏 0赞 0分享
iframe的src赋值问题(服务器端)
frame的src赋值的问题，本文将进行详细探讨:服务器端的iframe重新src重新赋值,给iframe加一个ID，再加上runat=server，感兴趣的你可不要错过了哈
收藏 0赞 0分享
iframe的src设置为about:blank之后细节探讨
不设置为about:blank，内存不会释放掉。还必须用 iframe.document.write(''); 这样才能将内容清空，本文将详细探讨一下iframe的src设置为about:blank之后细节，感兴趣的你可不要错过了哈
收藏 0赞 0分享
为何html中嵌入mp4格式视频播放不了
只是在页面中加载了一个播放器的样子，各个按钮都不管用，不知道是哪个地方出了问题，很是郁闷，于是搜集整理下，拿出来和大家分享，希望可以帮助你们
收藏 0赞 0分享
