Html 为什么缺少DOCTYPE声明会导致<；预处理>；身高少一点？_Html

Html 为什么缺少DOCTYPE声明会导致<；预处理>；身高少一点？

html

Html 为什么缺少DOCTYPE声明会导致<；预处理>；身高少一点？,html,Html,下面的代码段，无论是否带有DOCTYPE声明，呈现内容的方式略有不同，即，不带DOCTYPE版本呈现内容的高度较低   <html> <head> </head> <body> &l

下面的代码段，无论是否带有DOCTYPE声明，呈现

内容的方式略有不同，即，不带DOCTYPE版本呈现

内容的高度较低

<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" -->
<!-- "http://www.w3.org/TR/html4/strict.dtd"> -->
<html>
  <head>
  </head>
  <body>
    <pre>1</pre>
  </body>
</html>

1.

是什么导致了这种差异？

这些文件应该是两个独立的文件吗？后者有doctype吗？如果不是，它将以怪癖模式呈现。

这些文件应该是两个独立的文件吗？后者有doctype吗？如果没有，它将以怪癖模式呈现。

你，我的朋友，正在行动

这背后有一个很长的故事，但简单地总结一下：

（来源：）

在浏览器战争时代（20世纪90年代末），每个浏览器都以“自己的方式”呈现html。IE的渲染与Netscape不同。我所说的“以不同的方式呈现”是指你在这里所经历的。。更糟的是。。在IE fine中打开的站点在Netscape中完全不可用，因为表格会倾斜，或者某些按钮完全不可访问，因为它在屏幕外或其他地方

这导致页面上出现了“在InternetExplorer3.0中浏览最佳”或“在Netscape4.0中浏览最佳”之类的内容。很多竞争。还有如下图标：
（来源：）

W3C的这些人一直在用改进的“标准”出版。W3C一直说“如果每个制造商都遵守标准，那么我们就不会有任何问题”。W3C标准被认为是呈现HTML的正确方法，因此在所有浏览器中都应该是相同的。有必要检查css规则是否在浏览器中正确实现。如果您的浏览器执行错误，它将看起来像一个（向下滚动屏幕截图）

但是微软和Netscape决意要互相毁灭，所以W3C要求遵守该标准的呼吁被忽略了

Quirksmode是浏览器的“旧”渲染样式。“标准模式”是指浏览器说“好的，我们将用W3C的方式（正确的方式）”的时候。在html页面的顶部包含DOCTYPE是一条发送给浏览器的消息，上面写着“此页面处于标准模式，因此请以标准模式呈现，而不是您以前的古怪方式。”

因此，您的第二个示例（带有普通标记）以quirksmode呈现，因为它缺少DOCTYPE

在“怪癖”模式下，标签上的边距顶部不同。至少在Firefox中，它更小。其他浏览器可能会有所不同

试着用

一,

如果你这样做的话，两页看起来都一样。