使用 <!DOCTYPE HTML> 时神秘地添加了 <tr>-margin答案

【问题标题】：<tr>-margin mysteriously added when using <!DOCTYPE HTML>使用 <!DOCTYPE HTML> 时神秘地添加了 <tr>-margin
【发布时间】：2017-11-15 04:31:47
【问题描述】：

当我指定一个文档类型时，我的菜单按钮表格行突然有一个边距 - 上面 4 个像素，下面 3 个像素。

我只在第一页添加了 doctype。导航到其他页面以查看折叠的表格。

可能是什么问题？

【问题讨论】：

为什么要使用表格作为菜单和标题？在这种情况下，当您使用图像时，您可以简单地将它们放入 DIV 并使用 CSS 规则来定位，这就是我所做的 :-)
这无关紧要，但你不应该使用表格进行这样的布局。它为您添加了不必要的代码来维护，并使您的网站对于依赖屏幕阅读器等设备的残疾用户几乎无法使用，屏幕阅读器会宣布他们遇到的每个表格标签。

【解决方案1】：

如果您不使用 doctype，那么您处于“怪癖模式”，网页的盒子模型就像 1995 年一样。现代网络需要一个 doctype，没有一个就不能创建任何页面。

【讨论】：

+1：所有页面都应该有一个有效的文档类型。如果在添加 doctype 时出现错误，则需要修复的是您的页面。
我同意，但这更多的是评论而不是答案。
@Phil - 答案在于“评论”。他想知道为什么事情会随着文档类型而改变，这就是他的问题所在。
他在问页面有什么问题。是的，这个问题因为不知道DOCTYPE 是什么而被削弱了，但是在所有页面上放置一个肯定不能解决他的问题。
@Phil - 除非是这样。除非他坚持不使用 doctype、一个坏主意，或者在尝试解决任何持续存在的问题（如果有）时使用 doctype，否则问题无法解决。这里没有什么可讨论的了。

【解决方案2】：

首先，表格是设计这种布局的一种糟糕方式。其次，DOCTYPE 告诉浏览器如何呈现 HTML，这对所有页面都非常重要。第三，如果您想解决该问题，请尝试使用CSS Reset 或设置padding:0px; margin:0px; 的全局属性

【讨论】：