用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由多个不同的版本,只有完全明白页面中的使用的确切HTML版本,浏览器才能完全正确的显示HTML页面,这就是<!DOCTYPE>的意义; <!DOCTYPE>不是HTML的标签,它为
DOCTYPE html>声明文档类型 ,doctype 不区分大小写,没有 5 <html>:是整个文档的根节点,它包含了两个子节点 <head>:主要描述文档设置信息, 比如字符集(有 utf-8) ,标题 title <body>:是文档的主体,需要...
内嵌方式就是将CSS代码写在<head></head>之间,并且用<style></style>进行声明,例如: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
DOCTYPE html>```声明、```<html>```标签、```<head>```标签和```<body>```标签。在```<head>```标签中,可以设置页面的元数据,如标题、链接、样式表等。 2. CSS的式设计 CSS(层叠样式表)用于设置网页的样式和...
<HTML><HEAD><TITLE>E鹰网络工作室</TITLE><LINK href="/images/css.css" type=text/css rel=stylesheet><LINK href="/images/welab.css" type=text/css rel=stylesheet> <META ...
Web前端由 结构HTML,表现css,行为javascript组成 ...Doctype html>是文档声明告诉浏览器网页是HRML5。 HTML用于页面的结构,HTML(超文本标记语言)(h1)可以设置一级标题(h2)可以设置二级标题 (p)为内容:
标记在使用时,用尖括号 "<>",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法:<标记>内容</标记> Demo : 1、创建 p 标记 --<p>...</p> 2、创建 div 标记 -- <div></div> 3、创建 ...
HTML HTML(超文本标记语言)正在创建和安排段落部分,标题,链接或链接,以便在Web浏览器中显示各种信息。 HTML的工作原理让我们从HTML开始我们的课程! 编写HTML代码的第一条规则是用... 创建段落: <p> </ p> HTM
看上面的"结构树",其中<myfile>是父元素,<title>,<author>是它的子元素,而<myfile>又是<filelist>的子元素。象<title>这样没有包含任何子元素的最后一级元素我们也称之为"页元素"。 4.Parser(解析软件) Parser...
重要的是要小心使用lang属性来指示页面中文本的实际语言,因为许多CSS功能的功能会有所不同,具体取决于此处声明的语言。 <!DOCTYPE html> <html lang="en"> <body> <p> Hello World</p> </...
DOCTYPE html> -声明文档类型 <html lang=" "> -页面的语言用引号引起来 <title>Document</title> -页面标题 < meta name =" description " content =" Урок HTML разметки " >...
DOCTYPE html>声明定义此文档为 HTML5 文档 <html>元素是 HTML 页面的根元素 <head>元素包含有关 HTML 页面的元信息 <title>元素指定 HTML 页面的标题(显示在浏览器的标题栏或页面的选项卡中) ...
DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 (2)标准模式的排版 和JS运作模式都...
DOCTYPE>声明引用DTD,以为html 4.01是基于SGML,DTD规定了标记语言的规则,这样浏览器才能正确的呈现内容 而html 5不基于SGML,所以不需要引用DTD,直接使用<!DOCTYPE>就行 语义化标签 行内元素/块级元素/空元素...
本文实例为大家分享了BootStrap入门学习的第一篇,供大家参考,具体内容如下 1、环境搭建 ... 完成后,WEB项目下的css、img、js就出现相应文件,说明导入成功。 然后导入较新版本的JQuery库,目录结构如下: ...--声明文档
你的 HTML 文档需要一个 DocType 声明来测量元素的宽度和高度 <!doctype html > 您需要包含视差图像 css 文件 < link rel =" stylesheet " href =" styles/parallax-images.css " > 您需要在 HTML 页面...
DOCTYPE html>Doctype:W3C规定这声明了该文档的html标准,html5使用了和以前不一样的标准。2. 常用元素类型有那些行内元素(inline):不能设置宽高,不会自动换行。有:a,img,span,input,i,select(下拉标签)...
盒子是CSS中的基础概念,我们需要使用它来配置元素的外观以及文档的整体布局。 1. 为元素应用内边距 应用内边距会在元素内容和边距之间添加空白。我们可以为内容盒的每个边界单独设置内边距,或者使用 padding 简写...
前言HTML5语法变化DOCTYPE及字符编码html5文档声明html4文档申明类型html5字符编码html4字符编码大小写都可以具有布尔属性html4中h