文档声明<!DOCTYPE html>对css的影响

最新推荐文章于 2021-06-15 12:45:09 发布
最新推荐文章于 2021-06-15 12:45:09 发布
阅读量332 收藏 1
点赞数
分类专栏： html css 文章标签： html
html 同时被 2 个专栏收录
17 篇文章 0 订阅
订阅专栏
css
7 篇文章 0 订阅
订阅专栏

用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"）
 
下面这篇文章写得不错
http://www.cnblogs.com/flashelf/archive/2006/12/01/579364.aspx
lvw1105
关注
专栏目录
HTML ＜!DOCTYPE＞ 声明：定义文档类型
deadray的博客
05-30 930
示例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> 这是一个HTML5页面 </body> </html> 标签定义及使用说明： <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html&gt
为什么使用DOCTYPE HTML
12-08
这个声明位于HTML文档的开头，通常在`<html>`标签之前。它的作用在于确保浏览器以正确的方式解析和渲染网页内容。 在没有DOCTYPE HTML的情况下，浏览器会进入所谓的“怪异模式”或“ quirks mode”。在怪异模式下，...
doctype html css,DOCTYPE 影响 CSS 处理
weixin_36234452的博客
06-15 166
display:inline;}注意：在没有指定 float 的时候使用 display:inline; 在FF中是无效的。IE和FIREFOX在解析CSS方面的区别1. 对高度的解析IE：将根据内容的高度变化，包括未定义高度的图片内容，即使定义了高度，当内容超过高度时，将使用实际高度Firefox：没有定义高度时，如果内容中包括了图片内容，Firefox的高度解析是根据印刷标准，这样就会造成和实...
DOCTYPE声明对CSS显示效果也有影响！
CaiKanXP的专栏
01-09 2919
看下面两段代码html>head>style type="text/css">span, div {    width: 100px;    border: 3px outset buttonface;}style>head>body>span>div>Hellodiv>span>span>div>Worlddiv>span>body>html> DOCTYPE html 
doctype html css,为什么使用<!DOCTYPE html>就可以，正确使用DOCTYPE
weixin_32136817的博客
06-15 193
在XHTML Strict DTD声明的html中出现th标签属性width时，则会出现警告信息(如下图)，改成transitional dta就不会出现警告Doctype起啥作用?上面也提到，Doctype告诉浏览器使用什么样的html或xhtml规范来解析html文档，上文说到的DOCTYPE组成中的第5部分所引入的dtd文件则包含了标记、attributes 、properties、约束规则...
HTML&CSS——一个空格导致HTML引用CSS外部样式失效
汪蛋的博客
10-22 295
记录一下这个奇怪的问题。 下面这两句话看起来似乎完全一样，但是第一条语句却引用失效。经过逐个符号的排查，最终确定问题出现在 link 和 rel 之间的空格上。 无论是用中文输入法还是英文输入法，替换这个空格后，问题都得到解决。 所以，这个空格到底是什么情况0.0 <head> <!-- 引用失效的语句 --> <link rel="stylesheet" type="text/css" href="./CSSStyle.css"> <!--
前端开发就业面试题
weixin_33701617的博客
06-12 206
HTML+CSS篇 1.对WEB标准以及W3C的理解与认识。 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性。 2.xhtml和html有什么区别？ HTML是一种基...
网页 DOCTYPE html标签的作用1
08-08
因此，为了确保跨浏览器的一致性和兼容性，以及良好的页面渲染效果，开发者应该始终在HTML文档的开头明确声明DOCTYPE。 在HTML5中，`<!DOCTYPE html>` 的声明变得简洁，不再需要引用外部的DTD（Document Type ...
HTML 版本声明 DOCTYPE 标签
09-28
HTML版本声明DOCTYPE标签是HTML文档中用来指定文档类型和版本的指令，它位于文档的最前面，告知浏览器该文档所遵循的HTML规范。DOCTYPE声明不是HTML标签，而是一条浏览器指令，用于告诉浏览器这个文档是以什么版本的...
超炫酷代码，HTML格式
06-25
首先，HTML文档的基础结构由文档类型声明（<!DOCTYPE html>）开始，它告诉浏览器使用的HTML版本。接着是<html>标签，它是整个文档的根元素。在<html>内，有两个主要部分：<head>和<body>。 <head>部分包含文档元...
js获取页面卷曲高度兼容写法
weixin_43617604的博客
07-01 2182
js获取页面卷曲高度兼容写法 window.onscroll = function (e) { var scrolltop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; console.log(scrolltop);...
!DOCTYPE html 的作用
热门推荐
态度决定一切
06-04 1万+
1.定义：DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉标准通用标记语言解析器； 2.作用： 声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。 document.compatMode： BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。 CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。 ...
IE11下，<!doctype>声明加html不能加载css的问题
panling_dml的博客
11-09 4432
系统版本win10,在html中头部声明,IE11下不能加载css，搜了下，是注册表的问题。 把 HKEY_CLASSES_ROOT →.css → content type 数据改为text/css就OK了，原来的值是application/x-css
jsp页面的css加载不出来是因为＜!DOCTYPE html＞惹的祸?（哪里有bug我来踩）
weixin_45637920的博客
11-05 2986
踩bug使我快落，今天在学习smbms管理系统的时候手贱啊，问题解决就很明朗！！ 首先要对<!DOCTYPE html>要有一定的认识，积累多多总有好处！ 那么我来讲一下今天我遇到的问题，因为一开始对于jsp加这个有点不太了解，所以总认为是这个<!DOCTYPE html>的错误，但是很庆幸自己从这个认知里面走出来。 真实问题是： 过滤器导致的对text/html的全局设置，改变了所有的contentType，包括css的，这样就发生问题了。 问题详解： chrome浏览器的.
Html设置css的4种方式和css 6种声明方式
aosica321的专栏
02-08 3192
来源：http://www.pdjz.qdedu.net/showarticle.asp?articleid=1959 css 层叠样式表  引入层叠样式表的方法包括： 1，外联式样式表 2，内嵌样式表 3，元素内定 4，导入样式表 外联式样式表 例： .... 属性：rel 用来说明元素在这里要完成的任务是连接一个独立的cs
HTML中被忽视的DOCTYPE标签
java的涟漪
02-17 148
定义和用法 &lt;!DOCTYPE&gt; 声明位于文档中的最前面的位置，处于 &lt;html&gt; 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。 以下面这个 &lt;!DOCTYPE&gt; 标签为例： &lt;!DOCTYPE html PUBLIC "...
DOCTYPE声明作用及用法详解
shecanwin的专栏
04-06 4604
很多朋友不知道DOCTYPE声明的作用，特为大家搜索整理了这篇文章，希望对需要的朋友有所帮助。 一、浏览器呈现模式和doctype       有的网页是遵循标准而创作的，但也有很多不是。即使你不能创建遵循标准的网页，也希望浏览器根据标准来正确显示那些页。目前，大量网页充斥着大量非标准代码，它们仍能正常地工作。事实上，为旧版浏览器设计的大多数代码都能在新版浏览器中正确显示（虽然呈现方式可能有所
<!DOCTYPE html>重要性
http://itzones.cn
04-27 473
今天遇到一个奇葩的问题，其他jsp页面都没问题，找了半天才找到原来没加 来说一说<!DOCTYPE html>作用 doctype是document type（文档类型）的简写，在页面中，用来指定页面所使用的xhtml（或者html）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就 是doctype声明。只有确定了一个正确的doctype，xhtml里的标识和css才能正常生效
<!doctype html>显示Failed to load resource: the server responded with a status of 500 (）
最新发布
08-29
`<!doctype html>` 是一个文档类型声明，它用于告诉浏览器该页面所使用的 HTML 版本。这个声明必须位于 HTML 文档的第一行，用以确保浏览器按照声明的 HTML 版本来解析整个文档。通常，它不会与加载资源或服务器状态码直接相关。 当您在浏览器控制台看到 "Failed to load resource: the server responded with a status of 500" 的错误信息时，这表示您尝试加载的资源（如图片、CSS、JavaScript 文件等）由于服务器内部错误而未能成功加载。状态码 500 是 HTTP 协议中的一种服务器错误状态，表示服务器遇到了一个意料之外的情况，导致它无法完成对请求的处理。 这个问题可能由多种原因引起，包括但不限于： - 服务器端代码的错误，如语法错误或逻辑错误。 - 服务器配置问题。 - 文件权限设置不当。 - 服务器资源不足。 解决这类问题通常需要服务器端的支持。您可能需要查看服务器日志，以确定错误的具体原因，并相应地解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值