如何正确地将HTML转换为JSON？

将HTML转换为JSON的方法有多种，以下是一种常见的方法：

使用解析库：可以使用Python中的BeautifulSoup库或JavaScript中的Cheerio库来解析HTML文档。这些库提供了一组API，可以方便地遍历HTML文档的节点，并提取出所需的数据。
遍历HTML节点：使用解析库提供的API，遍历HTML文档的节点，找到需要转换为JSON的数据。可以根据HTML的结构和标签属性来定位节点。
构建JSON对象：根据需要转换的数据，构建一个JSON对象。可以使用字典（Python）或对象（JavaScript）来表示JSON对象。将HTML节点的内容和属性转换为JSON对象的键值对。
处理嵌套结构：如果HTML文档中存在嵌套的节点结构，需要递归地处理子节点。可以使用递归函数或循环来处理嵌套结构，将子节点转换为JSON对象的子对象。
序列化为JSON字符串：将构建好的JSON对象序列化为JSON字符串。可以使用Python中的json模块或JavaScript中的JSON.stringify()函数来实现。

下面是一个示例代码（使用Python和BeautifulSoup库）：

from bs4 import BeautifulSoup
import json

def html_to_json(html):
    soup = BeautifulSoup(html, 'html.parser')
    json_data = parse_node(soup)
    return json.dumps(json_data)

def parse_node(node):
    if node.name is None:
        return node.string.strip()
    else:
        data = {}
        data['tag'] = node.name
        if node.attrs:
            data['attrs'] = node.attrs
        if node.contents:
            data['children'] = [parse_node(child) for child in node.contents if child.name is not None or (child.string and child.string.strip())]
        return data

# 示例HTML
html = '''
<html>
<head>
<title>Example</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is an example HTML document.</p>
</body>
</html>
'''

json_data = html_to_json(html)
print(json_data)

输出结果为：

{
  "tag": "html",
  "children": [
    {
      "tag": "head",
      "children": [
        {
          "tag": "title",
          "children": [
            "Example"
          ]
        }
      ]
    },
    {
      "tag": "body",
      "children": [
        {
          "tag": "h1",
          "children": [
            "Hello, World!"
          ]
        },
        {
          "tag": "p",
          "children": [
            "This is an example HTML document."
          ]
        }
      ]
    }
  ]
}

这个示例代码将HTML文档转换为了对应的JSON对象，并将其序列化为JSON字符串。你可以根据实际需求进行修改和扩展。