ins和del是在HTML4.0时引入的,可以帮助创作者开发文档时相互合作,并且也保持了一些编辑(比如可以反应创作者是一段时间内是修改文档的、如何思考的)和版本控制的成分(在软件的帮助下,可以让文档恢复到某一特定时间下的状态)。
属性
1.cite:属性值是一个文档或者信息资源的URI,这个属性是要指出为什么改变这个文档的解释信息
2.datetime:属性值明确详细的说明修改发生的日期和时间
datetime属性值的格式:YYYY-MM-DDThh:mm:ssTZD
YYYY = 4位数字表示年(0000-9999)
MM = 2位数字表示月 (01 - 12)
DD = 2位数字表示日 (01 - 31)
hh = 2位数字表示小时 (00 - 23)
mm = 2为数字表示分钟 (00 - 59)
ss = 2为数字表示秒 (00 - 59)
TZD = 时区指示符
比如修改时间是:北京时间 2007年5月15日19:25:25
datetime的写法是:
datetime="20070515T112525Z"
格林威治标准时间又被称为“Zulu”,所以用Z 值来代表它
datetime="20070515T192525+08:00"
北京时间比格林威治标准时间早8个小时
这样保证了可能因为创作者的地点不同而写法不同,但是通用时间是一致的
注意:
区分大小写,T和Z都必须是大写
时和分是必须的,不知道秒或者想忽略秒可以用00表示
3.id, class, lang,dir,title,style
4.onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
用法
ins和del两个元素在HTML中,既可以作为块级(block-level)元素,也可作为内联(inline)元素,但是不可以同时作为这个两个元素。所以它们可以包含段落中的一个或几个文字,也可以包含几个块级元素像段落(p)、列表(ul、ol、dl)、表格(table)等。
代码如下:
<p>我有<del cite="http://dancewithent.com/example.html" datetime="20070515T192525+08:00">2</del><ins cite="http://dancewithent.com/example.html" 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来控制,比如看这篇《IE, FireFox, Opera 浏览器支持Alpha透明的方法》的ins和del效果。
(
南京HTML5培训)