最稳妥的成绩表格应使用语义化HTML表格标签组合：、、、、和，其中与（含scope属性）保障可访问性，规范汇总行，禁用破坏表格结构的CSS。
直接用 核心是 <table> 做成绩表格最稳妥，别被“语义化”带偏——教育场景里数据天然就是二维表格结构，强行用 <code>div + CSS Grid 反而增加维护成本和可访问性风险。
成绩表格必须包含的 HTML 标签组合
<table>、<code><thead>、<code><tbody>、<code><th> 和 <code><td>。缺 <code><thead> 会导致屏幕阅读器无法识别表头，缺 <code><th>（或没设 <code>scope）会让视力障碍用户无法关联行列数据。
<th> 必须用于所有表头单元格，包括第一列“学生姓名”——它不是“内容”，是维度标识
<li>每行学生成绩用 <code><tr> 包裹，不能省略；<code><tbody> 虽可省略，但显式写出能提升 JS 操作时的定位精度
<li>避免把 <code><div> 塞进 <code><td> 再套样式——这会破坏单元格语义，影响打印和 Excel 导出
<h3>让“总分”“平均分”这类汇总行不被误读为普通数据</h3>
<p>汇总行（如最后一行“班级平均分”）要用 <code><tfoot> 包裹，而不是硬塞在 <code><tbody> 末尾。浏览器和读屏软件会据此区分“数据主体”和“统计摘要”，否则 NVDA 或 VoiceOver 会把“平均分：86.5”当成某个学生的第 6 门课成绩。
<ul><li><code><tfoot> 必须写在 <code><tbody> 之后、<code>
