table 就是英文里表格的意思，在计算机办公和网页编程领域，table 是非常常用的数据展示形式，核心作用就是把多行多列的数据规整排列，让文字数字信息整齐对齐，方便阅读对比和查找，不管是 Excel 办公软件，还是 HTML 网页代码，都大量使用 table 结构，很多新手接触的时候，容易把 table 单纯理解成画格子，实际上 table 本质是行和列组成的数据容器，支持合并单元格，设置边框，调整列宽行高，还可以搭配表头数据内容备注，适合参数对比清单统计这类场景，在技术文档里面 table 也是最常用的排版元素，能够把多组同类信息横向纵向对照，减少大段文字带来的阅读压力。之所以 table 应用这么广泛，是因为纯文字段落描述多组参数的时候，信息分散，读者需要反复阅读才能完成对比，而 table 把同类项目放在同一行，不同属性放在同一列，视觉上一眼就能看出差异，同时 table 结构标准化，不管是网页渲染还是办公软件，都有成熟的解析规则，代码和文档都可以复用，但是 table 也有局限，传统 HTML table 原本设计是用来展示表格数据，不适合用来做页面整体布局，现在前端开发已经很少用 table 做排版布局，只保留用来展示数据表的用途。想要正确使用 table，第一步明确 table 里面要展示的数据项目，第二步规划表头，也就是每一列的名称，第三步规划行，每一行代表一条完整记录，第四步确定是否需要合并单元格，第五步设置边框对齐方式列宽，第六步如果是 HTML 场景，使用 table 标签搭配 tr 行标签 td 单元格标签，第七步如果是办公软件场景，直接插入 table 表格，录入数据之后调整格式，第八步检查 table 内容有没有错位，列和行对应关系是否正确。综合来看 table 是行列组合的数据展示工具，办公和编程场景都广泛使用，核心优势是对照清晰，但是要区分数据表格和页面布局，不要错误使用 table 做整页排版。

table 基础结构说明

项目 说明

核心组成 表头 行 列 单元格

核心功能 规整多列数据 方便对比查阅

常见应用 办公文档 网页数据展示 技术参数对比

标签名称 HTML 中 table 为主标签，tr 代表行，td 代表单元格

特点 支持单元格合并 边框设置 列宽行高调整

深度技术要点

第一 HTML table 基础语法，table 是外层主标签，tr 代表 table 里面的每一行，td 代表该行里面每一个单元格，如果是表头单元格，可以使用 th 标签，th 默认文字加粗居中，适合作为列标题，一个标准 table 至少要有一对 table 标签，内部嵌套 tr 和 td。

第二 合并单元格，table 里面两种合并方式，横向合并也就是同一行多个单元格合并，纵向合并是同一列上下单元格合并，合并之后要注意单元格数量计算，很容易出现 table 错位，网页打开之后边框错乱。

第三 table 的优缺点，优点是数据语义清晰，原生支持表格语义，无障碍阅读器可以识别 table 结构，缺点是加载之后需要全部内容渲染完成才能显示，页面响应速度不如其他布局方式，复杂样式调整比较繁琐。

第四 办公软件 table 和代码 table 的区别，办公软件的 table 属于可视化对象，可以鼠标拖拽调整大小，支持公式计算筛选排序，代码里面的 table 是标记标签，本身不带计算能力，只是定义数据结构，需要额外脚本才能实现计算。

第五 常见错误用法，很多早期网页开发者使用 table 嵌套 table 实现页面分栏布局，这种写法已经被淘汰，会造成代码冗余，不利于响应式适配手机屏幕，现代网页布局优先使用 flex 或者 grid，table 只用来展示真正的表格数据。

第六 table 可读性优化，制作 table 的时候表头要简洁，每一列含义唯一，不要一列里面混杂多种类型数据，长文本单元格要控制宽度，必要的时候自动换行，重要数据可以给 table 添加隔行变色，提升阅读识别度。

【常见问题】

问题 1 table 是什么意思 它主要用来做什么

回答 1 table 中文含义是表格，table 主要作用就是把多列多行的数据规整排列，用来做参数对比数据清单展示，在办公文档和网页代码里面都可以见到 table。

问题 2 table 在 HTML 里面是不是可以用来做整个网页布局

回答 1 table 虽然可以实现页面分栏，但是现在不推荐使用 table 做整页布局，table 原生定位是展示数据表格，做布局会出现代码冗余，移动端适配效果很差。

问题 3 table 里面 tr 和 td 分别代表什么

回答 1 table 结构里面 tr 代表 table 的一行，td 代表该行里面的单元格，一个 table 里面可以有多组 tr，每一组 tr 里面包含多个 td 单元格。

问题 4 table 能不能实现单元格合并

回答 1 table 支持单元格合并，可以横向合并同一行单元格，也可以纵向合并上下单元格，制作 table 的时候合并单元格需要注意行列对应，避免 table 结构错乱。

【免责申明】

本文关于 table 的内容属于通用基础技术介绍，不同软件不同框架对于 table 的属性和语法存在差异，实际开发和文档制作请参考对应官方手册，本文内容仅供学习参考，不作为官方技术规范依据。