无需登录 数据私有 本地保存

HTML 表格抓取转换 - 粘贴表格 HTML 转 JSON/CSV

69
0
0
0
HTML表格(table)

HTML中用于展示结构化数据的元素,由行(tr)和单元格(td/th)组成。table是HTML中定义表格的根标签,内部可包含thead(表头)、tbody(表体)和tfoot(表尾)等语义化子标签。在本工具中,用户需要粘贴包含table标签的HTML代码片段作为输入数据源,工具会自动识别并解析其中的表格结构。

JSON对象数组

一种JSON数据格式,以表头字段名作为对象属性键,每行数据对应一个独立的JSON对象,整体构成一个数组。例如[{"姓名":"张三","年龄":28},{"姓名":"李四","年龄":35}]。这种格式语义清晰,适合直接用于JavaScript、Python等编程语言的数据处理,也便于导入MongoDB等文档型数据库。

JSON二维数组

一种紧凑的JSON数据格式,第一行为表头数组,后续每一行为数据数组。例如[["姓名","年龄"],["张三",28],["李四",35]]。结构简洁,数据量较小时文件体积更小。适合数据科学和统计分析场景,便于按行列索引快速访问特定数据元素。

CSV(逗号分隔值)

Comma-Separated Values的缩写,一种通用的纯文本表格数据格式。每行是一条记录,字段之间用分隔符隔开。可直接被Excel、Google Sheets、LibreOffice Calc等电子表格软件打开和编辑,也可用于MySQL、Pandas等数据分析工具的数据导入。

colspan(跨列合并)

HTML表格中的属性,用于将一个单元格横向跨越多个列进行合并。例如colspan="3"表示该单元格占据3列的宽度。在本工具转换过程中,colspan合并单元格的值会被自动复制到每个被合并的列位置,确保输出数据为完整的矩形结构。

rowspan(跨行合并)

HTML表格中的属性,用于将一个单元格纵向跨越多个行进行合并。例如rowspan="2"表示该单元格占据2行的高度。工具会在后续对应行的相同列位置自动补全合并的值,使每一行的数据列数保持一致,输出规范的二维数据结构。

DOMParser

浏览器原生提供的API,用于将HTML或XML字符串解析为可操作的DOM文档对象。与innerHTML不同,DOMParser不会执行任何脚本代码,是一种安全的HTML解析方式。本工具使用DOMParser进行安全解析,确保用户粘贴的HTML代码不会被恶意执行。

thead标签

HTML表格中用于定义表头行的语义化标签,通常包含th(表头单元格)元素。工具会优先检测thead来确定表头位置,表头字段在JSON对象数组格式中用作对象的属性名。若表格没有thead标签,默认将第一行视为表头。

UTF-8 BOM

Byte Order Mark,字节顺序标记。在CSV文件开头添加的3字节特殊序列(EF BB BF),用于标识文件编码为UTF-8。带有BOM的CSV文件在Microsoft Excel中打开时能正确识别编码并显示中文等非ASCII字符,避免出现乱码问题。