HTML中使用<s>标签实现删除线效果-优快云博客

本文链接：https://blog.youkuaiyun.com/ZYX13721846745/article/details/127206209

本文介绍了如何使用HTML的<s>标签来给文本添加删除线效果，包括代码示例和应用场景，建议使用<del>替代<s>或<strike>，以符合现代HTML标准。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

html删除线代码示例如下：

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

代码实现效果如下图：

format,png

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

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

总结：

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

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

注意：

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

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

建议：

请使用 <del> 替代它！

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

javascriptcssvue.jshtml

来自专栏

web前端

resize,m_fixed,h_64,w_64 程序员的生活1 252篇文章 20人订阅

html+css

resize,m_fixed,h_64,w_64 程序员的生活1 229篇文章 6人订阅

基础教程

resize,m_fixed,h_64,w_64 程序员的生活1 93篇文章 3人订阅

发布于2020-05-26著作权归作者所有

相关推荐更多

Qt 给文本添加删除线 text-decoration

光顶术士 872 阅读 0 评论

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

猿说前端 4764 阅读 0 评论

常用的css

weixin_30567471 248 阅读 0 评论

html增加删除线,HTML如何添加删除线？

weixin_39662142 747 阅读 0 评论

resize,m_fixed,h_150

最新发布 html 标题标签、段落标签、换行标签、文本格式化标签（为文字设置粗体，斜体、删除线或是下划线）、＜div＞和＜span＞标签

想菲的鱼 39 阅读 0 评论

【HTML5】字体删除线代码

December_shi 1653 阅读 1 评论

HTML怎么给文本添加删除线?(代码教程)_猿说前端的博客...

这里我们主要就是用到html中的**<s>标签**。如上述代码中,直接在标签中写上需要添加删除线的文本即可! 总结: <s>标签就是可定义加删除线文本定义即修饰的文字内容将被加删除线(文字中间划线)。而标签就是<strike>标签的缩写...

Php删除线,HTML怎么给文本添加删除线?(代码示例)_weixi...

html删除线代码示例如下: html删除线代码示例这段文字已经被删除代码实现效果如下图: 从图中我们已经可以看出,这段文字被添加了删除线。这里我们主要就是用到html中的标签。如上述代码中,直接在标签中写上需要添加删除线的文本即可!

android html文字加中间横线_HTML怎么给文本添加删除线?(代码示例)

从图中我们已经可以看出,这段文字被添加了删除线。这里我们主要就是用到html中的<s>标签。如上述代码中,直接在<s>标签中写上需要添加删除线的文本即可! 总结: <s> 标签就是可定义加删除线文本定义即修饰的文字内容将被加删除线...

android html删除线,html给文本文字添加删除线的方法...

下面我们具体来介绍这两种方法是如何实现文本文字添加删除线效果的,通过简单的例子来介绍。 html标签标签可定义加删除线文本定义。 html标签这是测试代码,被删除了效果图: 如例子中所示,只要在标签中添加好文本文字,就可实现想要的效...

php函数删除线,html如何给文本文字添加删除线?两种方法...

标签可定义加删除线文本定义。 html标签这是测试代码,被删除了效果图: 如例子中所示,只要在标签中添加好文本文字,就可实现想要的效果。标签可以缩写为标签,实现的效果不变。 Netscape 和 Internet Explorer 都支持这两种写法。

html加删除线的属性,html中下划线、删除线、上划线的样...

创建这种效果是非常简单的,不需要添加额外的DOM元素到HTML,不过需要考虑一下浏览器的兼容性问题,在老旧版本的浏览器中它只会显示为一个普通的下划线。下划线标签告诉浏览器把其加u标签的文本加下划线样式呈现显示给浏览者。对于所有浏览...

php函数删除线,如何用css设置删除线样式？（代码详解）

天蓝草 115 阅读 0 评论

HTML中的删除线：del和s的区别

三毛敲代码 3142 阅读 0 评论

LaTeX代码：下划线与删除线 ← 利用 ulem 宏包

hnjzsyjyj 1065 阅读 0 评论

热门推荐前端html实现删除线的两种方法（下划线）css样式总结

土生土长的IU 2万+ 阅读 1 评论

【无标题】删除线代码