让人抓狂HTML DTD

最新推荐文章于 2024-06-04 17:30:14 发布
最新推荐文章于 2024-06-04 17:30:14 发布
阅读量1.2k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端开发 文章标签： html xhtml 浏览器 div input ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wangjj_016/article/details/2635031
本文探讨了HTML DTD选择对浏览器兼容性的影响，并分享了解决由不同DTD导致的显示差异的经验，如空白问题及元素高度变化等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

    关键词：html dtd                      

在做网页时，经常会遇到一些浏览器差异的问题，即使你对常见浏览器差异有些知识储备，但你死活也修改不好。我就遇到几个这样的问题。

                  

两个div之间在ie下有几个像素的空白，一个div莫名其妙的高度变高两个像素。虽然都是小问题，但是不解决心理总觉得别扭。这些bug改起来很让人抓狂。

                  

最后把<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">替换为<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">，问题就消失了，但是有个页面还不行，问题出在<html>前面有个注释，删除之后就可以了。所以一定避免在<html>前加注释！

               

使用transitional.dtd之后，input高度会比和<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">设的高度高许多。            

之前也遇到一些bug，总是实在找不出问题的时候才会想是dtd的问题。

HTML DTD：了解HTML文档类型定义
TechChamp的博客
10-05 209
HTML文档类型定义（Document Type Definition，DTD）是一种定义HTML文档结构和规则的标准。它规定了HTML文档的元素、属性和文档结构，帮助浏览器正确解析和显示HTML文档。在编写HTML代码时，建议始终使用适当的DTD声明，以确保文档的正确性和兼容性。DTD是一种用于定义HTML文档结构的标准。它指定了HTML文档中允许使用的元素、属性和文档结构，使浏览器能够正确地解析和显示HTML文档。在HTML中，DTD通常是在文档的开头声明的，它告诉浏览器使用哪个DTD来解析文档。
iText和flying saucer结合生成pdf的技术
热门推荐
Hello World!
09-29 3万+
下面是我自己利用flying saucer技术生成pdf文档的实现代码： Servlet方式： html代码： <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort(
html中DTD（那些事儿）
weixin_30568715的博客
06-23 265
今天中午饭后闲聊、说起W3C标准头部声明、DTD 我居然第一时间想到的就是 DHTML 头部声明这些个东西、前端js写了块一年了这些个标准化的东西确所知甚少、下午闲来无事稍微整理了下分享出来不完整的地方希望大家能补充一下。 DTD 是一套关于标记符的语法规则。它是XML1.0版规格得一部分,是html文件的验证机制,属于html文件组成的一部分。 DTD：三种文档类型：S（Stri...
html dtd
tupuo的专栏
04-07 108
html文档中dtd作用,详解html中DTD使用方法
weixin_36243739的博客
06-03 468
DTD 是一套关于标记符的语法规则。它是XML1.0版规格得一部分,是html文件的验证机制,属于html文件组成的一部分。DTD：三种文档类型：S(Strict)、T(Transitional)、F(Frameset)。Strict：如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表(CSS)配合使用Transitional：DTD 可包含 W3C 所期望移入样式表的呈现属性和...
HTML的DTD文档
June的专栏
11-02 1603
首先说一下什么是DTD文档：        由于历史的原因，HTML有很多的版本的规范，不同的版本有不同的差异，为了方便浏览器正确的编译解析以及渲染我们的网页，我们需要在HTML的文件的第一行告诉浏览器我们当前的网页是基于那个标准规范编写的，浏览器只有知道了我们是哪个版本的规范编写，才能正确的读取解析以及渲染 其实说一下DTD文档的声明格式：         每一个不同的版本有不同的声明格式
实战录 | Java中多种格式报表导出方案的比较
cloudguarder的博客
01-13 2822
《实战录》导语 云端卫士《实战录》栏目定期会向粉丝朋友们分享一些在开发运维中的经验和技巧，2017年我们将一如既往地为朋友们奉献更多优质内容。本期分享人为云端卫士安全运营工程师史怀周，主要介绍Java中多重格式报表导出方案比较。 系统中经常存在导出报告的需求，而导出的框架五花八门，该如何选择呢？ 本文对几种常见的框架进行比较，希望可以在遇到导出需求时，为你提供
许愿墙jquery
了缺的专栏
12-26 1588
该许愿墙并不是原创的,修改自后盾网的许愿墙 需要的做一些准备工作: 1.我使用的是jquery.1.7.2.js 2.获取input或textarea中鼠标索引的jquery插件,这是我从网上 jQuery.extend($.fn, { //获取文本框内光标位置 getSelectionStart: function() { var e = this[0]
maven基础
春和的博客
03-31 712
maven基础 文章目录maven基础一、什么是maven1.1、maven简介1.2、maven解决的问题1.3、使用maven和不适用maven管理项目的区别1.4、maven的经典应用1.4.1、依赖管理1.4.2、项目的一键构建二、maven的安装1、下载解压2、配置环境变量三、maven仓库3.1、maven仓库分类1、本地仓库2、远程仓库3、中央仓库3.2、maven本地仓库的配置3.3、全局setting个域用户setting四、maven常用命令4.1、compile4.2、test4.3、
HTML的DTD是什么
weixin_30611509的博客
02-17 227
转载于:https://www.cnblogs.com/daydayhave/p/6408346.html
DTD的定义、规则和编写
10-20
是关于DTD的定义，规则和编写的帮助文档
html dtd文档,DTD 简介
weixin_29663547的博客
06-03 178
DTD 简介DTD全称为，Document Type Definition，中文翻译为文档类型定义，是一套为了进行程序间的数据交换而建立的关于标记符的语法规则。文档类型定义(DTD)可定义合法的XML文档构建模块。它使用一系列合法的元素来定义文档的结构。DTD 可被成行地声明于 XML 文档中，也可作为一个外部引用。内部的 DOCTYPE 声明假如 DTD 被包含在您的 XML 源文件中，它应当通...
html dtd定义,DTD 简介
weixin_29070721的博客
06-17 385
DTD简介文档类型定义(DTD)可定义合法的XML文档构建模块。它使用一系列合法的元素来定义文档的结构。DTD 可被成行地声明于 XML 文档中，也可作为一个外部引用。内部的 DOCTYPE 声明假如 DTD 被包含在您的 XML 源文件中，它应当通过下面的语法包装在一个 DOCTYPE 声明中：element-declarations]>带有 DTD 的 XML 文档实例(请在 IE5 以...
HTML中常见的4种DTD类型
枼默
10-11 5139
DTD全称 Document Type Definition,即文档类型定义 //用于XHTML 4.0 的严格型 &amp;lt;!DOCTYPE HTMLPUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&amp;gt; //用于XHTML 4.0 的过渡型 &amp;lt;!DOCTYPE HTML PUBL
html⽂档中的DTD的意义和作⽤
老杨的博客
09-06 752
DTD是什么？ document typedefinition 文档类型定义 DTD文件是一个ASCII的文本文件，后缀名为.dtd DTD 是一套关于标记符的语法规则,对文档的规范声名 对应的xhtml文档规范声名 strict 严格型 XHTML 1.0Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-s
html中DTD使用小结
杀破狼961
05-31 1114
DTD 是一套关于标记符的语法规则。它是XML1.0版规格得一部分,是html文件的验证机制,属于html文件组成的一部分。 DTD：三种文档类型：S（Strict）、T（Transitional）、F（Frameset）。 Strict：如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样式表（CSS）配合使用 Transitional：DTD 可包含 W3C 所期望
关于Html dtd的解释
reidai的博客
04-28 228
http://www.blueidea.com/tech/web/2009/6785.asp http://en.wikipedia.org/wiki/Quirks_mode
HTML语言：DTD到底是什么？
最新发布
qq_37756660的博客
06-04 1237
SGML 的 DTD 语法十分复杂，但是对 HTML 来说，其实 DTD 的选项是有限的，浏览器在解析 DTD 时，把它当做几种字符串之一，关于 DTD，在本篇文章的后面会详细讲解。今天的课程中我们讲了 HTML 的语法，HTML 语法源自 SGML，我们首先介绍了基本语法，包含了五种节点：标签（元素）、文本、注释、文档类型定义（DTD）和处理信息（ProcessingInstruction）。之后我们又重点介绍了两部分内容：DTD 和文本实体。
html页面的dtd是什么意思,html dtd文件解释
weixin_31515619的博客
06-03 1034
DOCTYPE是document type(文档类型)的简写，在Web设计中用来说明你用的XHTML或者HTML是什么版本。要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。语法HTML 顶级元素 可用性 "注册//组织//类型 标签//定义 语言""URL"顶级元素 指定 DTD 中声明的顶级元素类...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值