`

文档声明<!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">
1.在IE中,xhtml能解释position:fixed,而html不能解释
2.xhtml对语法要求更严格,类似style="top:8"的写法是不允许的。(正确的是style="top:8px")
 
下面这篇文章写得不错
0
0
分享到:
评论

相关推荐

    网页 DOCTYPE html标签的作用1

    因此,为了确保跨浏览器的一致性和兼容性,以及良好的页面渲染效果,开发者应该始终在HTML文档的开头明确声明DOCTYPE。 在HTML5中,`&lt;!DOCTYPE html&gt;` 的声明变得简洁,不再需要引用外部的DTD(Document Type ...

    超炫酷代码,HTML格式

    首先,HTML文档的基础结构由文档类型声明(&lt;!DOCTYPE html&gt;)开始,它告诉浏览器使用的HTML版本。接着是&lt;html&gt;标签,它是整个文档的根元素。在&lt;html&gt;内,有两个主要部分:&lt;head&gt;和&lt;body&gt;。 &lt;head&gt;部分包含文档元...

    HTML !DOCTYPE 标签.docx

    DOCTYPE&gt;`标签是文档类型声明,它在HTML或XHTML文档的开头,用于告诉浏览器文档遵循的HTML或XHTML规范。这个声明非常重要,因为它会影响浏览器如何解析和渲染页面内容。`&lt;!DOCTYPE&gt;`标签没有闭合标签,即它不需要以`...

    为什么使用DOCTYPE HTML

    这个声明位于HTML文档的开头,通常在`&lt;html&gt;`标签之前。它的作用在于确保浏览器以正确的方式解析和渲染网页内容。 在没有DOCTYPE HTML的情况下,浏览器会进入所谓的“怪异模式”或“ quirks mode”。在怪异模式下,...

    HTML 版本声明 DOCTYPE 标签

    HTML版本声明DOCTYPE标签是HTML文档中用来指定文档类型和版本的指令,它位于文档的最前面,告知浏览器该文档所遵循的HTML规范。DOCTYPE声明不是HTML标签,而是一条浏览器指令,用于告诉浏览器这个文档是以什么版本的...

    HTML+CSS+JavaScript 400源码套装.rar

    关于前端设计的各种源码网页动态设计...DOCTYPE&gt;声明:HTML由多个不同的版本,只有完全明白页面中的使用的确切HTML版本,浏览器才能完全正确的显示HTML页面,这就是&lt;!DOCTYPE&gt;的意义; &lt;!DOCTYPE&gt;不是HTML的标签,它为

    DOCTYPE文档类型声明

    例如,Strict模式的DOCTYPE要求更严格的HTML编写规则,不允许使用表现层的HTML元素,如`&lt;center&gt;`或`&lt;font&gt;`,鼓励开发者使用CSS来控制样式。而Transitional和Frameset模式的DOCTYPE则允许一些非标准的HTML元素,但...

    学习web前端开发html必备的开发文档

    DOCTYPE html&gt;`**:文档类型声明,告诉浏览器文档采用的是HTML5标准。 - **`&lt;html&gt;`**:整个HTML文档的根元素,包含了文档的所有内容。 - **`&lt;head&gt;`**:包含了关于文档的元数据,如字符集设定、标题、链接到的样式...

    CSS选择器分组案例.pdf

    CSS选择器分组案例 CSS选择器分组是指在CSS样式表中将多个选择器组合在...本文档通过两个案例对CSS选择器分组进行了详细的介绍,同时也提供了相关知识点和参考文献,旨在帮助读者更好地理解和应用CSS选择器分组技术。

    1 CSS基本语法

    嵌入样式表是在HTML文档的`&lt;head&gt;`部分内部定义的CSS样式表。这种方式适用于仅对当前页面进行样式设置的情况。 **语法**如下: ```html &lt;head&gt; &lt;style type="text/css"&gt; &lt;!-- CSS规则 --&gt; &lt;/style&gt; &lt;/head&gt; `...

    html文本格式

    DOCTYPE html&gt;`,声明这是一个HTML5文档。 2. **根元素**:`&lt;html&gt;`,包含了整个HTML文档。 3. **头部元素**: - `&lt;meta charset="UTF-8"&gt;`:指定文档使用的字符编码为UTF-8,确保中文等非英文字符能够正确显示。...

    HTML中文版帮助文档

    3. 头部元素:`&lt;head&gt;`包含元信息,如标题(`&lt;title&gt;`)和引用外部资源(如CSS和JavaScript文件)。 4. 主体元素:`&lt;body&gt;`包含网页的实际内容,如文本、图片、链接等。 5. 标题标签:`&lt;h1&gt;`至`&lt;h6&gt;`表示不同级别的...

    网页设计HTML代码(1).doc

    DOCTYPE&gt;`声明在HTML文档的最开始,用来告诉浏览器使用哪种HTML版本。例如,对于HTML5,`&lt;!DOCTYPE html&gt;`就足够了。 6. HTML5引入了一些新的标签,比如`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;nav&gt;`、`&lt;section&gt;`等,增强了...

    html标题_DOCTYPE的含义

    **DOCTYPE声明**是HTML或XHTML文档中的一个重要组成部分,它位于文档的第一行,用来告诉浏览器文档应遵循哪个版本的HTML或XHTML规范。这个声明对于确保网页在不同浏览器上的一致性和正确渲染至关重要。 DOCTYPE声明...

    HTML开发手册.doc

    DOCTYPE html&gt; 声明是文档中的第一个成分,位于 &lt;html&gt; 标签之前。该标签告知浏览器文档所使用的 HTML 规范。HTML 4.01 与 HTML 5 之间的差异在于 HTML 4.01 中有 3 个不同的文档类型,在 HTML 5 中只有一个:&lt;!...

    圣诞树html网页代码.docx

    DOCTYPE html&gt;`是文档类型声明,`&lt;html&gt;`是根元素,`&lt;head&gt;`是头部元素,`&lt;body&gt;`是主体元素。 * `&lt;!DOCTYPE html&gt;`:文档类型声明,表示这是一个HTML文档。 * `&lt;html&gt;`:根元素,包含整个HTML文档。 * `&lt;head&gt;`:...

    html css js网页设计教程.docx

    DOCTYPE html&gt;`:定义文档类型为HTML5。 - `&lt;html&gt;`:文档根元素。 - `&lt;head&gt;`:包含文档元数据,如字符集、标题等。 - `&lt;title&gt;`:显示在浏览器标签上的页面标题。 - `&lt;body&gt;`:包含网页的所有可见内容。 #### 二...

    html帮助文档

    DOCTYPE&gt;定义文档类型,&lt;html&gt;是整个文档的根元素,&lt;head&gt;包含元数据如标题,而&lt;body&gt;包含实际的网页内容。 2. HTML标签:HTML通过标签来定义文本、图像、链接、表格等元素。例如,&lt;h1&gt;到&lt;h6&gt;用于标题,&lt;p&gt;用于段落...

    基于html css js的超详细网页设计入门教程总结.docx

    DOCTYPE html&gt;:声明文档类型。 2.&lt;html&gt;:根元素,包含整个HTML文档。 3.&lt;head&gt;:包含文档的元数据(meta-data),如标题、字符集、样式表链接等。 4.&lt;title&gt;:设置网页标题,显示在浏览器标签栏。 5.&lt;body&gt;:包含...

Global site tag (gtag.js) - Google Analytics