确保HTML跨浏览器兼容性的关键是声明DOCTYPE、用HTML属性约束表格尺寸、补全rowspan/colspan网格结构，并联动CSS的table-layout与box-sizing。具体包括：必须在首行写<!DOCTYPE html>以触发标准模式；给<th>/<td>加width属性配合table { table-layout: fixed }统一列宽计算；用空<td class="dummy">补全缺失单元格避免IE/Safari偏移；优先采用CSS Grid替代复杂表格布局。
HTML 属性本身不能直接解决跨浏览器布局问题，但部分属性配合 CSS 和标准模式能显著减少渲染差异——关键在于触发浏览器的“标准模式”和约束默认行为。
必须声明 DOCTYPE，否则一切兼容性努力都白搭
没有 DOCTYPE 或写错（比如多了空格、前面有注释），IE 会进入怪异模式（Quirks Mode），Firefox/Chrome 也可能降级解析。此时盒模型、height 计算、inline-block 行高表现全乱。
-
<!DOCTYPE html>必须放在第一行，前面不能有任何字符（包括<!--） - 不要用 XHTML 声明（如
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ...>），它在现代浏览器中反而可能引发解析歧义 - 验证方式：打开开发者工具 → Elements 面板顶部看 “Rendered as: Standards mode”
width 和 height 在表格中不是可选，而是强制对齐的锚点
HTML 表格在移动端或旧版 Safari/IE 中列宽错乱，根本原因不是 CSS 写得不好，而是浏览器在 table-layout: auto 下按内容推算列宽，而各引擎算法不一致。用 HTML 属性提前“钉住”尺寸，能绕过这个差异。
- 给
<th>或<td>加width="20%"或width="120"，比纯 CSS 更早介入计算流程 - 搭配 CSS 的
table { table-layout: fixed; width: 100%; }才真正生效；单独加属性无效 - 注意：百分比值在
fixed模式下是相对于表格总宽，不是父容器；若表格没设width，百分比会被忽略
rowspan 和 colspan 必须配“完整网格”，否则 IE/旧 Safari 渲染错位
浏览器靠 rowspan/colspan 推导隐式表格结构，但当某行单元格数不足时（例如第 3 行只有 2 个 <td>，却有个 rowspan="3" 占据第 1 列），WebKit 和 Trident 对“空缺列”的处理逻辑不同，导致后续行整体偏移。
立即学习“前端免费学习笔记（深入）”；
- 补全逻辑网格：在缺失位置插入带
class="dummy"的空<td>，CSS 设为width: 0; padding: 0; border: none; - 避免用
rowspan跨越带display: none的行——该行仍参与网格计数，但不可见，极易出错 - 现代替代方案：用
grid-area+ CSS Grid 完全规避此问题，但需确认目标浏览器支持（IE 不支持）
最易被忽略的是：HTML 属性的“早期绑定”特性——它在样式计算前就影响 DOM 结构和初始盒模型，这种时机差正是它能绕过某些 CSS 渲染分歧的原因。但这也意味着，一旦用了，就必须和 CSS 的 table-layout、box-sizing 等联动，单点修改大概率失效。
