欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

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

发布时间:2019-05-24  编辑:杨雨个人博客网站   点击:   

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

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

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

Html删除线代码示例如下:

<!DOCTYPE Html>
<Html>
<head>
    <meta charset="utf-8">
    <title>Html删除线代码示例</title>

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

代码实现效果如下图:

98706c11edcdfc3e06e252f4a2f20c5.png

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

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

总结:

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

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

注意:

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

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

建议:

请使用 <del> 替代它!

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

本篇文章就是关于HTML删除线的实现方法介绍,非常浅显易懂,希望对需要的朋友有所帮助! 本文地址:http://itbyc.com/web/html5/20347.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1