ins和del两个元素在HTML中,既可以作为块级(block-level)元素,也可作为内联(inline)元素,但是不可以同时作为这个两个元素。
insdel是在HTML4.0时引入的,可以帮助创作者开发文档时相互合作,并且也保持了一些编辑(比如可以反应创作者是一段时间内是修改文档的、如何思考的)和版本控制的成分(在软件的帮助下,可以让文档恢复到某一特定时间下的状态)。

 

ins和del属性

cite:属性值是一个文档或者信息资源的URI,这个属性是要指出为什么改变这个文档的解释信息

datetime:属性值明确详细的说明修改发生的日期和时间


W3C关于del和ins的解释:

INS and DEL are used to markup sections of the document that have been inserted or deleted with respect to a different version of a document (e.g., in draft legislation where lawmakers need to view the changes).

These two elements are unusual for HTML in that they may serve as either block-level or inline elements (but not both). They may contain one or more words within a paragraph or contain one or more block-level elements such as paragraphs, lists and tables.

del定义文档中被删除的文本内容,ins用来描述文档中的更新和修正,del的浏览器默认样式是带删除线,ins默认是带下划线的,这点也可以很好的说明两者的用法,通常情况下两个元素配合起来意思使用。

 

ins和del用法

ins和del两个元素在HTML中,既可以作为块级(block-level)元素,也可作为内联(inline)元素,但是不可以同时作为 这个两个元素。所以它们可以包含段落中的一个或几个文字,也可以包含几个块级元素像段落(p)、列表(ul、ol、dl)、表格(table)等。

<p>我有<del cite="http://www.baikelu.com/" datetime="20070515T192525+08:00">2</del><ins cite="http://www.baikelu.com/" datetime="20070515T192525+08:00">3</ins>分钱</p>

<del title="刚刚丢了" datetime="20070515T192525+08:00"><p>我有3分钱</p></del>

创作者可以通过title属性对插入或者删除的元素进行评论,用户代理(比如浏览器)可能显示这些信息给用户

<p><del title="刚刚丢了" datetime="20070515T192525+08:00"><div><p>我有3分钱</p></div></del></p>

这是一个错误的写法,即ins和del不能同时既是块级元素又是内联元素

对于ins和del在页面的显示效果可以通过CSS来控制
最新资讯
优信COO彭惟廉辞职 CEO戴琨兼任

优信COO彭惟廉辞职 CE

优信(Nasdaq:UXIN)今日宣布,公司首席运营官(COO)彭惟廉已于2
腾讯音乐发布全新CTS战略

腾讯音乐发布全新CTS

腾讯音乐娱乐集团CEO彭迦信公布了腾讯音乐的全新CTS战
“5G焦虑”绑架了谁

“5G焦虑”绑架了谁

每年秋季,都是手机领域最热闹的时候。但在今年,这个趋势
阿里CEO张勇:数字经济时代线上线下是同一个世界

阿里CEO张勇:数字经济

在9月16日阿里妈妈M营销峰会闭门会议中,阿里巴巴董事局
腾讯与故宫博物院达成战略合作 聚焦"数字故宫"建设

腾讯与故宫博物院达成

故宫博物院与腾讯共同签署深化战略合作协议,未来三年双
欧盟:若无法达成全球统一的数字税 欧盟将单独征税

欧盟:若无法达成全球统

意大利前总理、欧盟候任经济事务专员保罗·真蒂洛尼今
最新文章
使用html-webpack-plugin'入再内存中生成 html 页面插件

使用html-webpack-plu

这篇文章主要介绍了使用html-webpack-plugin'入再内
HTML实现2列布局(左侧宽度固定,右侧自适应)的方法示例

HTML实现2列布局(左侧

这篇文章主要介绍了HTML实现2列布局(左侧宽度固定,右侧
Html读取本地文件夹下图片并显示的示例代码

Html读取本地文件夹下

这篇文章主要介绍了Html读取本地文件夹下图片并显示的
详解 html area标签

详解 html area标签

area 元素总是嵌套在 <map> 标签中。本文重点给大家介
HTML中两个tabs导航冲突问题的解决方法

HTML中两个tabs导航冲

这篇文章主要介绍了HTML中两个tabs导航冲突问题的解决
详解前端在html页面之间传递参数的方法

详解前端在html页面之

这篇文章主要介绍了详解前端在html页面之间传递参数的