在HTML里怎样显示已删除的文本

在网页设计与开发过程中，有时我们需要在HTML页面上展示已删除的文本，这不仅可以提供内容演变的历史线索，还能满足特定的展示需求。那么，究竟如何在HTML里实现这一功能呢？

我们可以使用标签。标签在HTML中专门用于定义被删除的文本。使用方法非常简单，只需将需要显示为已删除状态的文本放置在标签的开始标签和结束标签之间。例如：这段文本是被删除的内容。在浏览器中渲染后，这段文本会呈现出一条贯穿的删除线，直观地向用户传达这是已删除的信息。

标签还支持一些属性，进一步丰富其功能。比如cite属性，它可以用来引用一个文档，说明删除该文本的原因。代码示例如下：此处文本因与主题不符被删除 ，这里的cite属性值“reason.html”指向了一个包含删除原因说明的文档，用户如果有需要，可以通过点击或其他交互方式查看详细原因。

另外，datetime属性可以指定删除操作的日期和时间。示例代码：此内容于2023年10月5日中午12点被删除 ，这让用户能够清晰了解删除的时间点，有助于构建更完整的内容历史记录。

除了标签，CSS样式也能辅助实现类似效果。通过CSS的text-decoration属性设置为line-through也能让文本看起来像被删除。例如，先定义一个类名：

.deleted-text {
  text-decoration: line-through;
}

然后在HTML中应用这个类：

使用CSS样式模拟的已删除文本