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来控制
最新资讯
韩国反垄断监管机构降低对高通处罚至2亿美元

韩国反垄断监管机构降

2009年,韩国公平贸易委员会认为高通滥用其在CDMA调制解
直击|阿里云发布数十款全新产品 推出小程序繁星计划

直击|阿里云发布数十

2019阿里云峰会今日在北京举行,阿里云智能产品管理部总
软银中国宋安澜回顾过往:没投百度团队 感觉不接地气

软银中国宋安澜回顾过

寻找中国创客第五季启动峰会在北京开幕,在上午压轴环节
创世伙伴资本周炜:过去很多经验 今天都是负担

创世伙伴资本周炜:过去

寻找中国创客第五季启动峰会在北京开幕,在上午压轴环节
优客工场毛大庆:创业者必须具备对抗焦虑的本领

优客工场毛大庆:创业者

中国创客导师、优客工场创始人、董事长毛大庆称,创业就
最新文章
HTML实现2列布局(左侧宽度固定,右侧自适应)的方法示例

HTML实现2列布局(左侧

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

Html读取本地文件夹下

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

详解 html area标签

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

HTML中两个tabs导航冲

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

详解前端在html页面之

这篇文章主要介绍了详解前端在html页面之间传递参数的
详解HTML onfocus获得焦点和onblur失去焦点事件

详解HTML onfocus获得

这篇文章主要介绍了详解HTML onfocus获得焦点和onblur