th标签默认加粗居中,须置于thead或tr内确保语义正确;合并单元格时需检查colspan/rowspan避免错位;样式覆盖时应优先重置而非替换标签,保障无障碍与导出功能。

TH 标签默认就加粗且居中,不用额外写 CSS
浏览器对 当 项目里全局重置了 更稳妥的做法是只重置 最常被忽略的是:把 的 UA 样式(user agent stylesheet)默认设置了 font-weight: bold 和 text-align: center,所以只要用对标签,效果就自动生效。别去手动加 style="font-weight:bold;text-align:center"——既冗余,又可能被自定义样式意外覆盖。必须放在 或
里,否则语义失效
是“表头单元格”,不是“看起来像标题的普通单元格”。它需要出现在正确的位置才能被屏幕阅读器识别、被 CSS 的 :nth-child() 等选择器合理匹配:
内(整行都是表头)... 里,但仅当该行是某组数据的局部表头(比如带分组的表格)
下面,或套在
rowspan/colspan 用错会导致加粗居中错位
合并行列时,浏览器仍按默认样式渲染,但视觉上容易误判“没居中”——其实是单元格宽度/高度变了,文字仍在自身范围内居中加粗: colspan 导致后续单元格错位,让 看起来偏左
rowspan,确保同一列下方没有其他 冲突(比如跨行表头下面又写了同列的 ,可能触发表格重排)
text-align: left 覆盖,而不是删掉 改用 —— 语义比样式重要
用 CSS 覆盖默认样式时,记得重置 font-weight 和 text-align
th, td { font-weight: normal; text-align: left; }?那 就真不加粗也不居中了。这时候必须显式恢复: th {
font-weight: bold;
text-align: center;
}
td,保留 th 默认行为;或者用类名区分: 再单独定义,避免影响所有表头。 当成“美化用的加粗居中标签”来滥用,结果导出 Excel 或读屏时完全无法识别表头结构。语义正确了,样式才真正可靠。











