html删除线标签是什么

# HTML删除线标签是什么

在HTML中，删除线效果是文本修饰的常见需求，用于表示被删除或不再相关的内容。本文将详细介绍实现删除线的HTML标签及其应用场景。

## 一、两种主要删除线标签

### 1. `<s>` 标签
`<s>` 是"strikethrough"的缩写，用于表示不再准确或不再相关的内容：
```html
<p>原价：<s>¥299</s> 限时特价：¥199</p>

2. <del> 标签

<del> 表示文档中被删除的内容，常与<ins>（插入内容）配合使用：

<del>会议原定于周一举行</del>
<ins>改为周二下午2点</ins>

二、标签区别与语义化

三、CSS实现方案

除了HTML标签，还可以通过CSS实现删除线效果：

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

优势： - 可自定义颜色、样式（实线/虚线） - 支持响应式设计

四、实际应用案例

电商价格展示

<div class="price">
  <span class="original-price"><s>¥599</s></span>
  <span class="discount-price">¥399</span>
</div>

文档修订记录

<p>
  项目截止日期：
  <del>2023-12-31</del>
  <ins>2024-02-15</ins>
</p>

五、注意事项

1. 移动端适配：某些浏览器默认样式可能不同
2. 可访问性：屏幕阅读器会特别处理<del>标签
3. 不要滥用：仅在需要语义化表达时使用

六、扩展知识

HTML5还支持<strike>标签，但已被废弃，建议使用<s>或<del>替代。

通过合理使用删除线标签，可以使网页内容更具表现力和语义价值。根据实际需求选择合适的方式，既能实现视觉效果，又能保证代码的规范性和可维护性。 “`

这篇文章包含了： 1. 两种主要删除线标签的介绍 2. 对比表格展示区别 3. CSS替代方案 4. 实际应用示例 5. 使用注意事项 6. 扩展知识 格式采用标准的Markdown语法，包含代码块、表格等元素，总字数约600字。