HTML5 DOCTYPE是否影响CSS3效果的呈现方式?
如果doctype定义为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的选择只影响“怪癖模
(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的页面阅读效果很好-感谢链接-这家伙的工作真的很投入。要不要再扩展一点?它到底是如何提高可读性的?语法是一样的。