使用方法
- 在表格中输入单元格,或在 “粘贴 CSV 或 TSV” 下粘贴 CSV 或 TSV,然后点击 “载入表格”。
- 勾选 “第一行是表头” 和 “第一列是表头”,以标记表头单元格。
- 输入说明表格内容的 “标题”。如果表格需要边框,请勾选 “添加简单样式”。
- 复制 “HTML” 框中的内容,或点击下载,然后将标记代码粘贴到您的页面中。
为什么表头单元格需要 scope
表头单元格是 th 元素,而不是 td。它的 scope 属性说明它为哪些单元格作标题:col 表示位于一列上方的表头,row 表示位于一行开头的表头。屏幕阅读器读出每个数据单元格时,会同时读出这些表头,因此看不到表格的访客仍能知道一个数字的含义。
标题是整个表格的名称,也是表格内的第一个元素。请写一个说明表格内容的标题,例如“月度销售额”,不要省略。HTML 表格一节 介绍了这些元素。
header above a column: th with scope col; header at the start of a row: th with scope row; data: td
从电子表格粘贴与转义
CSV 文本用逗号、分号或制表符分隔单元格,含有这些字符的单元格要用双引号括起来。从电子表格复制单元格通常得到以制表符分隔的文本。使用逗号作小数点的语言的电子表格,保存 CSV 文件时常用分号。自动检测会读取第一行,并选择出现次数最多的分隔符。
每个单元格的文本在写入前都会被转义。小于号、与号等字符会变为字符引用,因此它在页面上显示为文本,而不会被当作标记读取。行的单元格不足时会补上空单元格,使每一行的单元格数量相同。
示例:两列表格,第一行和第一列为表头
第一行的两个单元格是“月份”和“销售额”,第二行是“1月”和“1200”。将第一行和第一列设为表头,标题为“销售额”。
表格以标题元素开始,内容为“销售额”;接着是表头部分,含两个 scope 为 col 的表头单元格;随后是表体,其中“1月”是 scope 为 row 的表头单元格,“1200”是数据单元格。
常见问题
scope 属性有什么作用?
它告诉辅助技术,每个表头标注的是哪些单元格。scope 为 col 表示表头位于其所在列的上方,为 row 则表示位于其所在行的开头。没有 scope 时,屏幕阅读器只能猜测它们之间的关系。
什么时候应该使用表头列?
当第一列为每一行命名时使用,例如产品、人名或月份。没有行名的数字表格不需要表头列,因此不要勾选。
为什么表格需要标题?
标题为表格提供名称,屏幕阅读器会在读出单元格之前先读出它。它也能帮助能看到页面的访客一眼看出表格的内容,因此只要表格可以独立存在,就应该写一个标题。
从电子表格复制时应选择哪种分隔符?
从电子表格复制的文本选择制表符;以逗号作为小数点的语言保存的 CSV 文件,则选择分号。自动检测在大多数情况下都能正确工作,复制前可以在预览中看到结果。
添加的简单样式会改变页面上的其他表格吗?
如果您原样粘贴到页面中,会改变。样式元素会作用于页面上的每一个表格。如果您的页面已经为表格设置了样式,请不要添加它,或只复制需要的规则。
我输入或粘贴的表格会被发送或保存到什么地方吗?
不会。表格、预览和 HTML 都在您的浏览器中生成。任何内容都不会被保存或发送到我们的服务器,因此离开页面前请先复制 HTML 或下载它。
资料来源
数据和文字最近核对于2026年11月10日星期二。