什么是删除线文本
删除线文本是在文本内容上方加一条横线，表示该文本已经被删除或者不再有用。在HTML中，通过添加特定的标签即可实现删除线文本的效果。
如何实现HTML中的删除线文本
使用<del>标签
<del>这是一段被删除的文本</del><del> 标签用于在文本内容上方添加一条横线，表示该文本已经被删除。下面是使用 <del> 标签实现删除线文本的效果：
这是一段被删除的文本
使用<s>标签
<s>这是一段被删除的文本</s><s> 标签在 HTML 4.01 中被用来表示一段不再准确或不再相关的文本，而在 HTML5 中则被用来表示一段被删除的文本。下面是使用<s> 标签实现删除线文本的效果：
这是一段被删除的文本
使用样式（CSS）
除了使用特定的标签，还可以使用 CSS 样式来实现删除线文本的效果。我们可以使用 text-decoration 属性为文本添加删除线效果：
<style>
.delete {
text-decoration: line-through;
}
</style>
<p class="delete">这是一段被删除的文本</p>
上面的代码中，我们使用 .delete 类来为指定的文本添加删除线效果。
效果如下：
这是一段被删除的文本
实践应用场景
删除线文本的应用场景比较广泛，下面列举几种常见的应用场景：
商品价格标记
在电商平台中，商品价格常常会因为打折等原因而发生变化。如果只是改变价格文本的显示样式，并不能直观地表现价格变化的原因。因此，我们可以将原先的价格标记为删除文本，再在其下方附上新价格。
<p>
价格：<del class="old">50.00</del> <span class="new">45.00</span>
</p>
效果如下：
价格：50.00 45.00
网页改版提示
当网站内容发生大规模调整时，为了提醒用户注意到改版，我们可以在页面顶部添加一段提示信息，例如“这是旧版页面，最新版请点击这里”。这时候我们可以将“这是旧版页面”标记为删除文本，并加上提示信息。
<p>
<del>这是旧版页面</del> 这是新版页面，请 <a href="#">点击这里</a> 查看。
</p>
效果如下：
这是旧版页面 这是新版页面，请 点击这里 查看。
错误信息提示
当用户在表单中输入不合法的信息时，我们可以在表单项下方添加一行红色字体，提示用户输入有误。这时候可以将错误提示信息标记为删除文本，下方添加新提示信息。
<label for="username">用户名：</label>
<input type="text" id="username" name="username" />
<p class="error">
<del>用户名不能为空！</del> 用户名长度不能超过8个字符。
</p>
效果如下：
用户名不能为空！ 用户名长度不能超过8个字符。
总结
删除线文本在网页设计中有着广泛的应用场景，通过添加特定的标签或者使用 CSS 样式，我们可以轻松地实现删除线文本的效果。在实际开发中，我们要根据具体情况，灵活使用删除线文本，从而提高网站的可读性和用户体验。