Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML5 DOCTYPE是否影响CSS3效果的呈现方式?_Html_Css_Doctype - Fatal编程技术网

HTML5 DOCTYPE是否影响CSS3效果的呈现方式?

HTML5 DOCTYPE是否影响CSS3效果的呈现方式?,html,css,doctype,Html,Css,Doctype,如果doctype定义为 (html5) 或者说是普通的 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 不同的doctype如何影响css呈现(除了运行已知呈现方式不同的怪癖模式) 示例很受欢迎。就CSS呈现而言,这两种doctype几乎没有区别* doctype的选择只影响“怪癖模

如果doctype定义为

(html5)

或者说是普通的

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

不同的doctype如何影响css呈现(除了运行已知呈现方式不同的怪癖模式)


示例很受欢迎。

就CSS呈现而言,这两种doctype几乎没有区别*

doctype的选择只影响“怪癖模式”、“标准模式”(“无怪癖模式”)、“几乎标准模式”(“有限怪癖模式”)之外使用的“浏览器模式”

请参见:

因此,
XHTML 1.0 Transitional
给出了“几乎标准模式”,而
给出了“标准模式”


*一个区别是一个很小的、很容易解决的问题。另一个是嵌套在某些HTML5元素中。

我认为HTML5本身意味着CSS在可读性方面有所改进,其他什么都没有。

doctype不应该影响这一点,但有一些库可以帮助您确定在特定的客户端中可以使用哪些功能。

是的,我可以从个人经验告诉你这一点

如果没有单元格填充和单元格间距,则无法使用HTML5 doctype。我不得不使用HTML4


使用网格布局系统的HTML页面有时可以更好地与HTML5 doctype配合使用。我发现不能与HTML4过渡doctype一起使用。

使用表格进行布局是一种糟糕的做法,并且错误地使用了
元素。关于流体布局我不能说太多,我必须检查一下。@easwee:我只是在普通浏览器中用几种不同的doctype(包括HTML4 Transitional)尝试了Tiny fluid Grid,它一直对我有效。餐桌上的事情可能是这样的:它对你有用。关于我所讲的真实例子,就在这里。使用HTML4过渡doctype,布局失败。@desbest-页面甚至没有通过html5验证-难怪失败。页面没有通过验证,因为它使用了Shadowbox lightbox插件,需要
rel=“Shadowbox[gal1]
而有时由html标记属性组成的属性用于ajax目的。如果我去掉所有这些,页面将通过HTML5验证。我已经验证了我所有的页面,唯一的错误就是像这样的严格错误。该站点上的每个图像都有一个
alt=
属性,所有自动关闭标记都以“/>”结尾验证器说。Henri Sivonen的页面阅读效果很好-感谢链接-这家伙的工作真的很投入。要不要再扩展一点?它到底是如何提高可读性的?语法是一样的。