HTML怎么给文本添加删除线？（代码教程）

最新推荐文章于 2024-03-24 20:37:50 发布

猿说前端

最新推荐文章于 2024-03-24 20:37:50 发布

阅读量8.6k

点赞数 4

文章标签： Html 前端 web前端前端入门前端开发

本文链接：https://blog.csdn.net/ITZ1992/article/details/106903547

版权

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

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

html删除线代码示例如下：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>html删除线代码示例</title>

</head>

<body>

<s>这段文字已经被删除</s>

</body>

</html>

代码实现效果如下图：

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

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

总结：

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

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

注意：

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

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

建议：

请使用 <del> 替代它！

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

专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节，互相交流学习，不停更新最新的教程和学习技巧（网页制作，网站开发，web开发，从0基础开始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移动端HTML5的项目实战【视频＋工具＋系统路线图】全栈工程师学习路线以及规划都有整理，分享给小伙伴）点：学习前端，我们是认真的