本文主要是介绍文档声明!DOCTYPE html对css的影响,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
用php做了一个网页,和Java的代码基本完全一致,可显示效果却差别很大。
具体表现是:
Java版的页面中的body和div使用了css,在css中设置了height:100%,但页面高度并没有充满全屏。
php版的页面是从Java版本拷贝做成的,但是php版本的页面高度却是充满全屏的。
找到了问题的原因,没错,就是文档声明部分不同而已。
Java版本的是
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://ww.w3.org/TR/html4/loose.dtd">
php版本则没有写文档声明。
之前遇到的问题是文档声明影响document.body.offsetHeight的值,可见文档声明对js,css都是有影响的。
2014-06-30 追记
xhtml和html的不同之处
以下是xhtml和html的文档声明
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4 .0 Transitional//EN">这篇关于文档声明!DOCTYPE html对css的影响的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!