HTML中的DOCTYPE需要注意的事情！

最新推荐文章于 2020-10-03 17:52:06 发布
最新推荐文章于 2020-10-03 17:52:06 发布
阅读量235 收藏
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/516inc/archive/2009/06/22/2226152.html
版权
在我们使用一些页面设计工具生成页面的时候，往往在页面的开始会生成如下的DOCTYPE信息，那么什么是DOCTYPE？DOCTYPE是文档类型定义，就是规定了在HTML页面中使用什么样的标签是合法的。这些规范是w3c组织制定的，到目前为止有过如下几种DOCTYPE：
1、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
这是基于HTML4.0规范，是比较老的一种。
2、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这是XHTML规范，是按照XML语法来规定HMTL文档，与HTML比较，语法要求更加严谨。例如：在标签的属性必须有引号。其中transitional规范要求非常宽松的DTD，它允许继续使用HTML4.01的标识(但是要符合xhtml的写法)。
3、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
strict规范是要求严格的DTD。
关于这些规范的更加详细的信息请参考 www.w3.org。本文想说明一下我在具体项目中遇到的HTML4.0和XHTML问题，以提醒大家注意。
在我们使用一些页面设计工具生成页面的时候，往往在页面的开始会生成如下的DOCTYPE信息，那么什么是DOCTYPE？DOCTYPE是文档类型定义，就是规定了在HTML页面中使用什么样的标签是合法的。这些规范是w3c组织制定的，到目前为止有过如下几种DOCTYPE：
1、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
这是基于HTML4.0规范，是比较老的一种。
2、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这是XHTML规范，是按照XML语法来规定HMTL文档，与HTML比较，语法要求更加严谨。例如：在标签的属性必须有引号。其中transitional规范要求非常宽松的DTD，它允许继续使用HTML4.01的标识(但是要符合xhtml的写法)。
3、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
strict规范是要求严格的DTD。
关于这些规范的更加详细的信息请参考 www.w3.org。本文想说明一下我在具体项目中遇到的HTML4.0和XHTML问题，以提醒大家注意。
我想在页面上放置一个漂浮的图片，效果如上图。代码如下：
 <img src="themes/indicators_imgs/3MA_loadingcontent.gif" style="position: fixed; top: 50%; left: 50%" />
。
同样的语句在不同的规范效果不同的，在HTML4.0中没有飘浮的效果，style中的position的fixed不起作用，在XHMTL就可以。 事实上我们很少注意到这两个规范不同，但是就是在页面使用了不同的DTD导致了页面效果的不同。

转载于:https://www.cnblogs.com/516inc/archive/2009/06/22/2226152.html

weixin_34054931
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
background_image:使用html，css和bootstrap的背景图像
05-22
接下来，我们需要在CSS文件（如styles.css）中定义`.background-image`类，添加背景图像样式： ```css .background-image { position: absolute; /* 或者 fixed，取决于你希望背景图随滚动还是固定位置 */ top: 0;...
在C++程序中使用QML
12-21
注意：删除任意QDeclarativeContext的构造是创建者的事情。当window组件实例撤消时不再需要windowContext时，windowContext必须被消毁。最简单的方法是确保它设置window作为windowContext的父级。 ...
web 常见报错处理
一起来氪金
08-29 2547
1、iptables防火墙设置的问题 导致服务不可达，或者网络异常（案例：常见设置中，都是防护墙在input或者output规则中设置异常。导致请求访问异常，或者出口请求访问异常）。 2、在高并发场景下。 如若内核未调优，可能会导致服务器没办法接受大规模的tcp连接请求，导致对应异常（如丢包）。我们要核心查以下日志确认（确定是不是有内核报错）： /var/log/message 如下案例...
报错：Uncaught SyntaxError: Unexpected token <
仗剑东游的猫
10-08 1193
项目中偶尔会出现如下错误 根据控制台的提示，点击进入文件发现<!DOCTYPE html>报错，让人很迷惑，其实这是script文件引入的问题，你可以检查一下你引入的script文件路径，修改即可 ...
QT国际化的静态与动态实现
qq_41469587的博客
10-03 429
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
还是得注意DOCTYPE的声明
The Time With Working
11-02 2624
前两天才提到DOCTYPE的问题，今天在博客堂发现也有人为它所困扰。在lostinet《可怕的loose.dtd》这篇文章里谈到因为使用了DOCTYPE使一个样式失效的问题。但是仔细看了看，发现其实并不是因为DOCTYPE在做怪，而是不正确的html代码和没有理解DOCTYPE造成。下面这个html代码是lostinet提到的失效的代码：注意看div的style属性，在red后面多了一个"符号，粗
AngularJS初始化过程分析(引导程序)
12-09
在自动初始化中，AngularJS会做以下事情： - 加载与指令相关联的模块。 - 创建一个应用注入器，用于管理服务、指令等组件的依赖注入。 - 以包含`ng-app`的元素为根节点对DOM进行编译，实现数据绑定和指令处理。 **...
js离开或刷新页面检测(且兼容FF,IE,Chrome)
10-26
在JavaScript中，检测用户离开页面或者刷新页面是一个常见的需求，特别是在需要确认用户是否保存了更改或者需要提示用户离开页面会丢失未保存数据的场景。在不同的浏览器中，这个功能的实现方式略有不同，但通常可以...
div 溢出隐藏 div文字溢出用点(省略号)代替
12-13
在网页设计中，经常遇到元素内容过多导致超出容器的情况，这时就需要进行溢出处理。`div` 溢出隐藏是一种常见的解决方案，主要是通过CSS样式来实现。在本例中，我们将探讨如何使用CSS使 `div` 元素的内容在溢出时...
HTML 版本声明 DOCTYPE 标签
09-28
由于不是HTML标签，它只是一条浏览器指令，告诉浏览器编写页面所用的标记的版本，所以不需要成对出现
HTML5头部为什么只需要写DOCTYPE html?
人间清醒
05-08 3523
html5不基于SGML,因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照他们应该的方式来运行） 而HTML4.01基于SGML，所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。 ps:SGML是标准通用标记语言,简单的说，就是比HTML,XML更老的标准，这两者都是由SGML发展而来的。 BUT，HTML5不是的。...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0声明的重要性
felixsyan的专栏
06-01 936
在写一个显示的JS,弹出窗口，并固定在右下角，在FF下测试没问题，但在IE下，始终定位在左边的最底下，检查代码，发现是手写的HTML，没有加上声明标记：&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&...
DOCTYPE声明作用及用法详解
shecanwin的专栏
04-06 4586
很多朋友不知道DOCTYPE声明的作用，特为大家搜索整理了这篇文章，希望对需要的朋友有所帮助。 一、浏览器呈现模式和doctype       有的网页是遵循标准而创作的，但也有很多不是。即使你不能创建遵循标准的网页，也希望浏览器根据标准来正确显示那些页。目前，大量网页充斥着大量非标准代码，它们仍能正常地工作。事实上，为旧版浏览器设计的大多数代码都能在新版浏览器中正确显示（虽然呈现方式可能有所
<!DOCTYPE HTML PUBLIC /
09-18 1030
HTML 标签定义和用法 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。以下面这个 标签为例：<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "ht
网页的!DOCTYPE 声明 有什么作用，一般声明为什么？
zwcwu31的专栏
10-29 1319
1. 不声明doctype的话 css将失效 2. 很多使用XHTML标准开发的网站，第一行就是：&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; 作用是：用来说明你用的XHTML或者HTM...
TS学习笔记（ts基础类型 类型别名）
小小程序猿洋的博客
06-10 8092
中文文档网址https://www.tslang.cn/docs/home.html https://ts.xcatliu.com 与js不同的是 ts的变量都可以类型注解 ： 后面注明变量类型 let isDone: boolean = false; 与js的类型相比多出的 比如枚举（个人理解 将对象数据化了 类似数组通过下角标得到值） enum Color {Red,...
关于js出现的error ：<!DOCTYPE html> Uncaught SyntaxError: Unexpected token
热门推荐
maweiba163的专栏
05-30 1万+
前端页面调试时候发现 js出现的error ： Uncaught SyntaxError: Unexpected token <检查前端标签 一切OK；跟踪source ，发现 有两个js调用的路径异常，修改对应的js调用路径，问题处理完成当浏览器解析js调用标签得不到正确结果时，会出上述报错参考链接： http://z3sm2012.iteye.com/blog/2153588
关于repo下载android代码时候错误的处理。
Fly的专栏
05-27 3655
<br />今天在我的centos上，准备下载一个froyo版本的Android源码没事学一下的时候，遇到了一个问题。问题如下：<br />Traceback (most recent call last):<br />   File "/home/android/bin/repo", line 605, in ?<br />     main(sys.argv[1:])<br />   File "/home/android/bin/repo", line 572, in main<br />  
!DOCTYPE html
最新发布
06-05
在HTML中，DOCTYPE声明是必需的，因为它帮助浏览器确定如何解析和渲染文档内容。常见的DOCTYPE声明包括： 1. <!DOCTYPE html>：这是HTML5的标准声明，适用于大部分现代浏览器，表示这是一个HTML5文档。 2. <!...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值