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来控制
最新资讯
小米将向武汉捐赠超千万元资金 支持抗击肺炎疫情

小米将向武汉捐赠超千

小米今日宣布,继此前捐赠的医疗物资之外,还将捐赠超千万
美议员要求特斯拉更换Autopilot品牌:名字有误导性

美议员要求特斯拉更换

近日,美国一名议员向特斯拉提出要求,希望它为驾驶员辅助
苹果微软将派代表参加医疗会议 促进数据共享

苹果微软将派代表参加

当地时间周一时一个名叫Carin Alliance的非盈利组织将
中国电信开通火神山医院5G网络

中国电信开通火神山医

1月25日午间,中国电信开通火神山医院5G网络。此时距中
微信上线“疫情上报”功能 市民可提供疫情防控线索

微信上线“疫情上报”

1月25日,新京报记者发现微信的“城市服务”功能上线了
水滴基金会驰援武汉1万只口罩 沈鹏:还不够 在想办法

水滴基金会驰援武汉1

据北京水滴汇聚公益基金会公告,1月24日,水滴基金会发起
最新文章
html浮动提示框功能的实现代码

html浮动提示框功能的

这篇文章主要介绍了html浮动提示框功能的实现代码,需
详解HTML中的图片标签的用法

详解HTML中的图片标签

这篇文章主要介绍了详解HTML中的图片标签的用法,本文
使用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> 标签中。本文重点给大家介