财务报表表格不是必须用<table>，但它是语义最准确、可访问性最强的选择；省略<thead><tbody>会导致Excel导入首行不识别标题、CSS固定表头失效、aria属性失效，且打印分页可能丢失表头。
财务报表表格必须用 <table> 吗？
不是必须，但 <table> 是语义最准确、可访问性最强的选择。屏幕阅读器、Excel 导出、打印样式都依赖正确的表格结构。用 <div> 模拟表格会导致导出数据错乱、表头无法关联单元格、键盘导航失效。
关键不是“能不能做出来”，而是“能不能被正确读取和复用”。财务报表涉及金额、期间、科目层级，语义缺失会直接放大后续的数据提取或审计风险。
<thead> 和 <tbody> 为什么不能省？
省略会导致：Excel 导入时首行不识别为标题；CSS 固定表头失效；aria-describedby 或 scope 属性失去作用。财务报表常需横向滚动或打印分页，没有明确的 <thead>，打印时每页可能都不带表头。
-
<thead>必须只包含<tr><th>，且每个<th>应带scope="col"或scope="row" - 多级表头（如“2023 年度”下分“收入”“成本”）要用
<colgroup>+<col>配合<th colspan>，不能仅靠合并单元格视觉模拟 -
<tbody>中每行<td>的数量必须与<thead>严格一致，否则屏幕阅读器会跳读或重复读
金额列怎么对齐才符合会计规范？
右对齐是硬性要求，但不能只靠 style="text-align:right"。小数点必须垂直对齐，否则“1,234.56”和“78.9”看起来像不同量级——这在审计中会被质疑数据可信度。
立即学习“前端免费学习笔记（深入）”；
推荐方案：<td class="amount">1,234.56</td> + CSS：
.amount {
text-align: right;
font-variant-numeric: tabular-nums;
}
font-variant-numeric: tabular-nums 强制等宽数字，确保逗号、小数点对齐。不用 JavaScript 格式化，避免 SSR 渲染差异或 SEO 抓取丢失格式。
- 负数统一用括号表示，如
(123.45)，而非-123.45（会计准则要求） - 千分位分隔符用英文逗号，小数点用英文句点，不随 locale 动态切换——财务系统需确定性输出
- 空值显示
—（—），不显示0.00或空白，避免误判为零发生额
合并单元格（rowspan/colspan）在财报里怎么用才安全？
仅用于真正需要合并的结构，比如“资产负债表”中“流动资产”大类下的明细行。滥用会导致 Excel 导出列错位、NVDA 等读屏软件报“未定义单元格范围”错误。
- 合并前先确认是否真需视觉合并——多数情况用缩进（
padding-left）+ 边框控制更可靠 - 若必须合并，
<th rowspan="3">流动资产</th>后，对应<tbody>中三行的首列必须留空或用<td></td>占位，否则语义断裂 - 不要跨
<thead>和<tbody>合并，浏览器解析行为不一致，Chrome 和 Safari 可能渲染不同
复杂报表建议拆成多个独立 <table>（如“利润表”“现金流量表”各一张），比强行塞进一个大表更易维护、测试和自动化提取。
