<!DOCTYPE> 标签一点点问题
2011-10-19 17:07 半杯酒 阅读(195) 评论(0) 编辑 收藏 举报找了一段漂浮广告代码来使用，发现在IE下显示正常，而在CHROME和OPERA下就没效果，图片不会飘动。然而提供代码的源文件却又在三个浏览器之下都运行正常，这是怎么回事呢？
开始以为是PHP文件的问题，但想想又没理由啊，PHP文件中又不是没有其它JS代码。再看提供代码的源文件，发现该源文件并没有<!DOCTYPE> 标签，而我的wordpress模板中却有<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">，于是就试着在wordpress的模板中也去掉<!DOCTYPE> 标签，结果发现，运行正常了。看来，还是<!DOCTYPE> 标签定义所引起的问题。
从上面也可以看出，IE对<!DOCTYPE> 标签基本上是忽略的态度，不管你怎么定义，它都能正常运行代码，而CHROME和OPERA则是严格按照<!DOCTYPE> 标签的定义来渲染网页的。
XHTML Strict DTD是一种要求严格的定义，要求写代码的人水平高一些。难怪，dreamweaver默认定义为xhtml1-transitional dtd，这种情况下对代码的标准不是那么严格。
