首页前端开发JavaScriptHTML文本添加删除线之标签详解

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

时间2024-01-28 22:29:03发布访客分类JavaScript浏览822
导读:收集整理的这篇文章主要介绍了HTML文本添加删除线之<del>标签详解,觉得挺不错的,现在分享给大家,也给大家做个参考。本篇文章主要给大家详细介绍HTML中<del>标签的使用方法即文字文本添加html删除线的实现方...
收集整理的这篇文章主要介绍了HTML文本添加删除线之del> 标签详解,觉得挺不错的,现在分享给大家,也给大家做个参考。本篇文章主要给大家详细介绍HTML中del> 标签的使用方法即文字文本添加html删除线的实现方法。

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

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

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

效果如下图:

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

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

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

del> 标签可选属性有:

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

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

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

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

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: 详解html中 position属性用法(四...下一篇:HTML怎么给文本添加删除线?(代...猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: HTML文本添加删除线之标签详解
本文地址: https://pptw.com/jishu/590241.html
图片懒加载是什么意思?图片懒加载的实现方法 html中form表单的内标签是什么?如何使用 ?

游客 回复需填写必要信息