标签用于显示删除线文本，表示内容已被删除或无效。实现方式包括：1.标签（推荐）：用于语义化删除内容；2.CSStext-decoration:line-through；3.标签（已过时）。建议优先使用标签。

删除线文本主要通过以下几种方式实现：

• 使用 CSS text-decoration: line-through; 属性。
• 使用 标签，表示文档中已被删除的内容。
• （不推荐）使用已废弃的 strike 标签。

CSS 属性 text-decoration: line-through; 的应用场景？

CSS 属性 text-decoration: line-through; 提供了灵活的方式来为文本添加删除线。它不仅限于简单的删除线效果，还可以与其他 CSS 属性结合使用，实现更丰富的视觉效果。

例如，你可以使用 标签包裹需要添加删除线的文本，并为其应用 CSS 类：

<style>
.strikethrough {
  text-decoration: line-through;
  color: red; /* 可选：改变删除线的颜色 */
}
</style>

<p>原价：<span class="strikethrough">$100</span>，现价：$50</p>

这种方法的好处在于，你可以通过 CSS 灵活地控制删除线的样式，例如颜色、粗细等。此外，它也更符合语义化，因为你可以根据实际情况选择使用 或其他合适的标签，而不仅仅局限于 strike 标签。

另外，text-decoration 属性还可以与其他值一起使用，例如 underline 或 overline，可以同时添加下划线或上划线。

标签与 标签的区别？

标签在 HTML5 中也已不推荐使用，它表示不再准确或不再相关的内容。而 标签则表示文档中已被删除的内容，通常与 标签（表示插入的内容）一起使用，以显示文档的修改历史。

虽然它们在视觉上都表现为删除线，但在语义上有所不同。 标签更强调内容的不准确性或过时性，而 标签则更强调内容的删除。

例如，在电商网站中，可以使用 标签来标记商品的旧价格，表示该价格已不再有效：

<p>原价：<s>$100</s>，现价：$50</p>

而如果是在文档的版本控制中，可以使用 和 标签来标记删除和插入的内容：

<p>这是一段<del>错误的</del><ins>正确的</ins>文本。</p>

浏览器通常会以删除线显示 标签的内容，并以下划线显示 标签的内容，但这些样式可以通过 CSS 进行自定义。

如何兼容旧版本浏览器？

虽然 strike 标签在 HTML5 中已被废弃，但在一些旧版本的浏览器中仍然可以正常显示。如果你需要兼容这些浏览器，可以考虑使用以下方法：

1. 继续使用 strike 标签： 这是最简单的方法，但可能会导致代码不符合 HTML5 标准。

2. 使用 CSS 样式： 这是推荐的方法，因为它既可以实现删除线效果，又符合 HTML5 标准。你可以使用 text-decoration: line-through; 属性来为文本添加删除线。

3. 使用 JavaScript： 如果你需要更复杂的兼容性处理，可以使用 JavaScript 来检测浏览器是否支持 text-decoration: line-through; 属性，如果不支持，则使用 strike 标签或其他方法来实现删除线效果。

不过，考虑到现在大部分用户都已经使用较新的浏览器，因此通常情况下，使用 CSS 样式就足够了。如果实在需要兼容旧版本浏览器，可以考虑使用 polyfill 或其他兼容性库。

好了，本文到此结束，带大家了解了《标签用于显示删除线文本，表示内容已被删除或无效。实现方式包括：1.标签（推荐）：用于语义化删除内容；2.CSStext-decoration:line-through；3.标签（已过时）。建议优先使用标签。》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！