如果将文档类型定义为 <!DOCTYPE html>
(html5)或者其他类型,是否会影响css3效果(例如 animation)的渲染方式?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
不考虑运行怪异模式,不同的文档类型如何影响CSS渲染?
欢迎提供示例。
就CSS渲染而言,这两种doctype几乎没有区别。
doctype的选择只会影响到验证以及采用的"浏览器模式",包括"Quirks Mode"(怪异模式)、"Standards Mode"(标准模式或无怪异模式)、"Almost Standards Mode"(近乎标准模式或有限怪异模式)。
参见:http://hsivonen.iki.fi/doctype/
因此,XHTML 1.0 Transitional
采用的是"Almost Standards Mode",而<!DOCTYPE html>
则采用的是"Standards Mode"。
*一个区别是在与table
相关的小细节上,但可以很容易地进行修正。另外一个区别是涉及某些HTML5元素内嵌标题元素的处理,具体请参考table
、图像和奇怪空白,以及此处。
我认为HTML5本身意味着CSS在可读性方面得到了改善,没有其他的。
是的,我可以从个人经验告诉你它确实如此。
由切片表格组成的HTML页面如果没有cellpadding和cellspacing,则无法使用HTML5 doctype。我不得不使用HTML4 transitional。
使用网格布局系统的HTML页面有时可以更好地与HTML5 doctype配合使用。我发现Tiny Fluid Grid不能与HTML4 transitional doctype一起使用。
rel="shadowbox[gal1]
,有时会使用虚构的HTML标签属性来进行ajax操作。如果我去掉所有这些,页面就可以通过HTML5验证。我已经验证了所有页面,唯一的错误是像这样棘手的严格错误。该网站上的每个图像都有一个alt=
属性,并且所有自闭合标签都以/>
结尾,就像验证器所说的那样。 - desbest