HTML怎么给文本添加删除线？（代码示例）-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

本篇文章主要给大家介绍HTML删除线<s>标签的具体使用方法。

在之前的文章【如何用css设置删除线样式？】中，已经为大家介绍了通过css实现删除线样式的具体实现方法。需要的朋友可以前去参考了解下。

下面我们通过简单的代码示例，为大家介绍如何用HTML中<s>标签实现文字中间添加删除线的方法！

html删除线代码示例如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>html删除线代码示例</title>
 
</head>
<body>
    <s>这段文字已经被删除</s>
</body>
</html>

代码实现效果如下图：

从图中我们已经可以看出，这段文字被添加了删除线。这里我们主要就是用到html中的<s>标签。

如上述代码中，直接在<s>标签中写上需要添加删除线的文本即可！

总结：

<s> 标签就是可定义加删除线文本定义即修饰的文字内容将被加删除线（文字中间划线）。

而<s> 标签就是 <strike> 标签的缩写版本，Netscape 和 Internet Explorer 都支持它。

注意：

在 HTML 4.01 中，<s> 标签不被赞成使用。

在 XHTML 1.0 Strict DTD 中，<s> 标签不被支持。

建议：

请使用 <del> 替代它！

后续文章【HTML文本添加删除线之<del>标签详解】中，我们为大家介绍<del>标签的使用方法，请大家持续关注！

本篇文章就是关于HTML删除线的实现方法介绍，非常浅显易懂，希望对需要的朋友有所帮助！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者