html中th和td区别

在HTML的表格世界里，有两个看似相似却性格迥异的"打工人"：``和``。它们虽然都住在``的集体宿舍里，却承担着完全不同的使命——一个像手持荧光笔的讲解员，总在强调关键信息；另一个像朴实的记录员，默默承载着普通数据。这对表格搭档的分工配合，构成了网页信息展示的精密秩序。

职责定位不同

``天生就是表格的"门面担当"。这个标签（Table Header）专门负责标记表格的标题单元格，像会议桌上的名牌般醒目。它常出现在表格的首行或首列，用加粗字体和居中对齐的默认装扮，主动承担起分类说明的责任。比如在成绩单表格中，"姓名"、"数学"、"语文"这些科目名称就该由``来担纲。 而``（Table Data）则是勤勤恳恳的"数据搬运工"。这个标签专门包裹具体的表格内容数据，像仓库管理员般整齐码放信息。当``在首行标好"单价"、"数量"后，``就会在下方填充"¥99"、"3件"这类实际数值，用最朴素的样式呈现原始信息。

默认外观差异

这对搭档的着装风格截然不同。``天生自带"职场精英"气质，浏览器默认会给它穿上加粗字体、水平垂直居中的"职业套装"。这种视觉强化就像报告里的彩色标题，让读者一眼就能抓住信息脉络。当用户快速扫视表格时，这些醒目标签就像路标指引着阅读方向。 相比之下，``保持着"极简主义"的着装风格。普通字体、左对齐的默认样式，就像白衬衫配黑西裤的基础穿搭。这种低调设计确保数据本身不会喧宾夺主，当用户需要仔细查看具体数值时，干净的排版能提高信息辨识度。设计师可以通过CSS给它们换上各种"皮肤"。

语义价值有别

在网页的"语义化社交圈"里，``是备受重视的"意见领袖"。屏幕阅读器会特别播报它的内容，帮助视障用户理解表格结构。搜索引擎也偏爱这些语义明确的标签，就像图书管理员更欣赏贴好分类标签的档案。当表格需要表达行列关系时，``的scope属性还能悄悄建立数据关联。 ``则更像可靠的"信息保管员"，专注做好数据存储的本职工作。虽然它没有特殊的语义加成，但成千上万的`单元格构成了表格的"数据肌理"。它们用最直接的方式呈现原始信息，就像仓库货架上的标准化储物箱，保证每个数据都能被精准定位和读取。

适用场景区分

这对搭档的工作分配有着明确的"职场规则"。当需要解释下方数据含义时——无论是表格顶部的分类标题，还是侧边的行标题——都应该派遣``上岗。比如在月度收支表中，"收入项"和"支出项"这对双栏标题，就该由两个``单元格肩并肩站岗。 而``永远是数据矩阵里的"主力军"。无论是产品参数表里的具体数值，还是员工名单中的联系方式，所有需要直接展示的内容都是它的责任田。即使在复杂表格中嵌套子表格，``也能像俄罗斯套娃般承载更多数据层次，保持信息的整洁有序。 这对表格搭档用默契的分工编织出清晰的络。``如同舞台追光灯，聚焦关键信息的坐标位置；``则像整齐排列的观众席，承载着丰富多彩的数据内容。理解它们的差异，就像掌握了一把组织信息的精密钥匙——既能提升网页的可访问性，又能搭建出更符合语义规范的表格结构。当我们在代码中准确使用这对标签时，本质上是在为每个数据找到最合适的"展示舞台"。