HTML文本添加删除线之<del>标签详解


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

本篇文章主要给大家详细介绍HTML中<del>标签的使用方法即文字文本添加html删除线的实现方法。

相信大家对于文字添加删除线的实现方法,已经不陌生了,在之前的文章【如何用css设置删除线样式?】和【HTML怎么给文本添加删除线?】中,已经为大家介绍了添加删除线的方法,当然我们现在都知道html4中的<S>和<strike>已废弃,如果想要实现文字添加删除线的效果就需要通过css或者使用<del>代替!

那么下面我们就通过简单的代码示例,为大家介绍<del>标签的具体使用方法。

1

2

3

4

5

6

7

8

9

10

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>HTML<del>删除线代码示例</title>

</head>

<body>

<P>我喜欢的运动是:<del>篮球</del> 跑步</P>

</body>

</html>

效果如下图:

8aad68fbd9b7455fa6e0e03c1784bec.png

这里<del>标签是用于定义被删除的文本。

并且所有主流浏览器都支持 <del> 标签。

注意:请与 <ins> 标签配合使用,来描述文档中的更新和修正。

<del>标签可选属性有:

1、cite,值为URL,表示指向另外一个文档的 URL,此文档可解释文本被删除的原因(没有主流浏览器支持 cite 属性)。

2、datetime,值为YYYYMMDD,表示定义文本被删除的日期和时间。

总结:大家可以根据自身的需求,选择使用css添加删除线或者html<del>标签添加删除线。

本篇文章就是关于<del>标签的的使用方法详解,希望对需要的朋友有所帮助!

以上就是HTML文本添加删除线之<del>标签详解的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

对tap事件和tap点透原理的分析

css怎么将文本框设置为只读

推荐10款飘落动画特效(收藏)

react native和react之间有什么区别?

JavaScript如何定义私有方法

html如何实现定位position

详细解说css锚点的使用(新手)

css中内联元素可继承的属性有哪些?

JavaScript编写工具可以是什么

JavaScript中回文数是什么?怎么判断?

更多相关阅读请进入《JavaScript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...