用INS和DEL标记文档改变用法详解

所属分类: 网页制作 / HTML/Xhtml 阅读数: 1410
收藏 0 赞 0 分享
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效果。
更多精彩内容其他人还在看

html超级链接a的click事件之后跳转href所指向的地址

需要使用a这个超级链接,而又不使用href来完成跳转,在执行完了onClick事件后,a又去跳转href所指向的地址了,下面由两种不错的解决方法,希望对大家有所帮助
收藏 0 赞 0 分享

html中position的一个小用法使用介绍

想必大家对html中position属性并不陌生吧,使用它可以完成普通标签完成不了的任务,下面有个不错的示例,大家可以参考下
收藏 0 赞 0 分享

用按钮触发事件的方式实现背景色的闪烁效果

实现背景色闪烁效果的方法有很多,本文为大家介绍的是用按钮来实现背景色的闪烁,将下面的这段代码加入到body区域中即可
收藏 0 赞 0 分享

在HTML中如何隐藏某段文字具体该怎么实现

文字隐藏的方法有很多,在本文为大家介绍下在HTML中如何隐藏某段文字,具体该怎么实现,需要的朋友可以了解下
收藏 0 赞 0 分享

通过display或visibility来实现HTML元素的显示与隐藏

需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏,可以通过display或visibility来实现,感兴趣的朋友可以了解下本文
收藏 0 赞 0 分享

html table表数据转Json格式示例代码

本文为大家介绍下html table表数据转Json格式,下面有个不错的示例,大家可以参考下
收藏 0 赞 0 分享

HTML中当定义多个class属性时无效的解决方法

为class属性定义多个值,经常会发现定义的样式无效,经测试,在定义多个class值的时候,一定要注意,把自己最喜欢的样式放在后面,否则无效
收藏 0 赞 0 分享

html form表单提交action和url跳转到actiond的区别介绍

form表单的action 与url跳转是不一样的:form表单可以给后台传递数据,url跳转到action只能通过url的参数来传递数据,不懂的朋友可以参考下
收藏 0 赞 0 分享

a标签是否新开一个页面的问题各大网站的打开情况整理

a标签是否新开一个页面的问题,在本文为大家整理了一些各大网站的新页面打开情况,需要的朋友可以参考下
收藏 0 赞 0 分享

如何弹出QQ临时对话框实现不添加好友在线交谈效果

如何不添加好友弹出QQ临时对话框实现在线交谈效果,这样的一个需求,我们真的是太需要了,实现起来也很简单,一行代码即可搞定,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多