`

文档声明<!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
分享到:
评论

相关推荐

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

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

    《Html》前端学习笔记

    DOCTYPE html&gt;声明文档类型 ,doctype 不区分大小写,没有 5 &lt;html&gt;:是整个文档的根节点,它包含了两个子节点 &lt;head&gt;:主要描述文档设置信息, 比如字符集(有 utf-8) ,标题 title &lt;body&gt;:是文档的主体,需要...

    2天掌握DIV+CSS网页制作技术

    内嵌方式就是将CSS代码写在&lt;head&gt;&lt;/head&gt;之间,并且用&lt;style&gt;&lt;/style&gt;进行声明,例如:  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

    网页设计HTML、CSS和JS网页设计HTML、CSS和JS

    DOCTYPE html&gt;```声明、```&lt;html&gt;```标签、```&lt;head&gt;```标签和```&lt;body&gt;```标签。在```&lt;head&gt;```标签中,可以设置页面的元数据,如标题、链接、样式表等。 2. CSS的式设计 CSS(层叠样式表)用于设置网页的样式和...

    JSP+Struts+JSTL+EL新闻发布系统jsp

    &lt;HTML&gt;&lt;HEAD&gt;&lt;TITLE&gt;E鹰网络工作室&lt;/TITLE&gt;&lt;LINK href="/images/css.css" type=text/css rel=stylesheet&gt;&lt;LINK href="/images/welab.css" type=text/css rel=stylesheet&gt; &lt;META ...

    1.html个人前端笔记

    Web前端由 结构HTML,表现css,行为javascript组成 ...Doctype html&gt;是文档声明告诉浏览器网页是HRML5。 HTML用于页面的结构,HTML(超文本标记语言)(h1)可以设置一级标题(h2)可以设置二级标题 (p)为内容:

    html入门到放弃笔记

    标记在使用时,用尖括号 "&lt;&gt;",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法:&lt;标记&gt;内容&lt;/标记&gt; Demo : 1、创建 p 标记 --&lt;p&gt;...&lt;/p&gt; 2、创建 div 标记 -- &lt;div&gt;&lt;/div&gt; 3、创建 ...

    HTML-CSS:学习HTML和CSS

    HTML HTML(超文本标记语言)正在创建和安排段落部分,标题,链接或链接,以便在Web浏览器中显示各种信息。 HTML的工作原理让我们从HTML开始我们的课程! 编写HTML代码的第一条规则是用... 创建段落: &lt;p&gt; &lt;/ p&gt; HTM

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    看上面的"结构树",其中&lt;myfile&gt;是父元素,&lt;title&gt;,&lt;author&gt;是它的子元素,而&lt;myfile&gt;又是&lt;filelist&gt;的子元素。象&lt;title&gt;这样没有包含任何子元素的最后一级元素我们也称之为"页元素"。 4.Parser(解析软件) Parser...

    HTML-CSS:html-css参考

    重要的是要小心使用lang属性来指示页面中文本的实际语言,因为许多CSS功能的功能会有所不同,具体取决于此处声明的语言。 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;body&gt; &lt;p&gt; Hello World&lt;/p&gt; &lt;/...

    The-Basics-HTML-CSS-FructCode:HTMLCSS课程FructCode

    DOCTYPE html&gt; -声明文档类型 &lt;html lang=" "&gt; -页面的语言用引号引起来 &lt;title&gt;Document&lt;/title&gt; -页面标题 &lt; meta name =" description " content =" Урок HTML разметки " &gt...

    Burger-Point:第一个使用 HTML+CSS 的 Web 开发项目

    DOCTYPE html&gt;声明定义此文档为 HTML5 文档 &lt;html&gt;元素是 HTML 页面的根元素 &lt;head&gt;元素包含有关 HTML 页面的元信息 &lt;title&gt;元素指定 HTML 页面的标题(显示在浏览器的标题栏或页面的选项卡中) ...

    java简易版开心农场源码-Note:前端

    DOCTYPE&gt;声明位于位于HTML文档中的第一行,处于 &lt;html&gt; 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 (2)标准模式的排版 和JS运作模式都...

    Front-End-Interview:前端面试题

    DOCTYPE&gt;声明引用DTD,以为html 4.01是基于SGML,DTD规定了标记语言的规则,这样浏览器才能正确的呈现内容 而html 5不基于SGML,所以不需要引用DTD,直接使用&lt;!DOCTYPE&gt;就行 语义化标签 行内元素/块级元素/空元素...

    BootStrap入门学习第一篇

    本文实例为大家分享了BootStrap入门学习的第一篇,供大家参考,具体内容如下 1、环境搭建 ... 完成后,WEB项目下的css、img、js就出现相应文件,说明导入成功。 然后导入较新版本的JQuery库,目录结构如下: ...--声明文档

    parallax-images

    你的 HTML 文档需要一个 DocType 声明来测量元素的宽度和高度 &lt;!doctype html &gt; 您需要包含视差图像 css 文件 &lt; link rel =" stylesheet " href =" styles/parallax-images.css " &gt; 您需要在 HTML 页面...

    mainshi:前端面试测试

    DOCTYPE html&gt;​Doctype:W3C规定这声明了该文档的html标准,html5使用了和以前不一样的标准。2. 常用元素类型有那些​行内元素(inline):​不能设置宽高,不会自动换行。有:a,img,span,input,i,select(下拉标签)...

    CSS使用盒模型实例讲解

    盒子是CSS中的基础概念,我们需要使用它来配置元素的外观以及文档的整体布局。 1. 为元素应用内边距 应用内边距会在元素内容和边距之间添加空白。我们可以为内容盒的每个边界单独设置内边距,或者使用 padding 简写...

    smileyby#CSS-H5CSS3#html5标签1

    前言HTML5语法变化DOCTYPE及字符编码html5文档声明html4文档申明类型html5字符编码html4字符编码大小写都可以具有布尔属性html4中h

Global site tag (gtag.js) - Google Analytics