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

藏色散人
发布: 2018-10-08 17:00:20
原创
5908人浏览过

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

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HTML<del>删除线代码示例</title>
</head>
<body>
<P>我喜欢的运动是:<del>篮球</del> 跑步</P>
</body>
</html>
登录后复制

效果如下图:

8aad68fbd9b7455fa6e0e03c1784bec.png

立即学习前端免费学习笔记(深入)”;

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

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

巧文书
巧文书

巧文书是一款AI写标书、AI写方案的产品。通过自研的先进AI大模型,精准解析招标文件,智能生成投标内容。

巧文书 61
查看详情 巧文书

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

<del>标签可选属性有:

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

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

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

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

以上就是HTML文本添加删除线之标签详解的详细内容,更多请关注php中文网其它相关文章!

相关标签:
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号