HTML已标注情感的单词改色后出现重复问题该如何修复

问题根因 #

• 标签语法错误：现有代码输出的闭合标签</span缺失结尾的>，浏览器无法正确识别标签边界，会触发样式溢出、内容重复渲染的异常。
• 输出逻辑缺陷：当前仅对正负情感的单词输出带样式的内容，既没有对中性词做输出处理，也没有替换原始文本中的对应单词，相当于同时保留了原始文本的未改色单词、又额外输出了带样式的单词，最终出现内容重复。
• 缩进语法错误：代码中elif的缩进层级和上层if不匹配，运行时会直接触发语法异常。

修复方案 #

调整整体处理逻辑：先遍历所有已标注的单词，对每个单词按情感值处理后统一拼接输出，不要一边保留原始HTML内容一边额外打印带样式的内容，参考实现如下：

# tagged_words 为你已标注好的（单词，情感值）元组列表
processed_content = []
for word, sentiment in tagged_words:
    if sentiment < 0.0:
        processed_content.append(f"<span style='color:red;'>{word}</span>")
    elif sentiment > 0.0:
        processed_content.append(f"<span style='color:blue;'>{word}</span>")
    else:
        # 中性情感直接保留原单词，不要遗漏
        processed_content.append(word)

# 拼接完成后一次性写入输出文件
out.write(' '.join(processed_content))

额外注意 #

如果原始长文本本身包含HTML标签，处理时需要跳过标签内容仅修改文本节点的单词，避免把HTML标签的属性值、标签名误识别为普通单词修改，导致原始HTML结构损坏。

内容的提问来源于stack exchange，提问作者user17444175