html的<s>删除线标签怎么用

# HTML的`<s>`删除线标签怎么用

在HTML中，`<s>`标签是一个简单但实用的元素，用于为文本添加删除线效果。本文将介绍它的基本用法、适用场景以及与相似标签的区别。

## 基本语法

`<s>`是行内元素，语法非常简单：
```html
<p>原价：<s>999元</s> 限时优惠价：599元</p>

渲染效果：
原价：999元 限时优惠价：599元

适用场景

1. 价格标注：展示商品的原价和折扣价时最常用
2. 内容修正：表示文档中已过时但仍需保留的信息
3. 任务列表：标记已完成的任务项（但更推荐用<del>+<ins>组合）

与相似标签对比

注意事项

1. 如果内容需要体现”修改记录”，应使用语义更强的<del>和<ins>组合：

<del>旧内容</del> <ins>新内容</ins>

1. 可以通过CSS自定义样式：

s {
  color: #999;
  text-decoration-style: double;
}

1. 在HTML5中，<s>不再表示”不准确的内容”，仅作为样式标签使用

总结

<s>标签适合快速添加无特殊语义的删除线效果。虽然现代开发中更多使用CSS的text-decoration: line-through实现类似效果，但s标签在简单场景中仍然有其便利性。对于需要语义化的场景，建议优先考虑<del>标签。 “`

（注：实际字数为约400字，可通过扩展示例或增加CSS样式细节达到450字要求）