ins标签什么时候使用

所属分类: 网页制作 / CSS 阅读数: 1417
收藏 0 赞 0 分享
不知道你对ins标签是否熟悉。

  资料对ins的解释是:定义一个插入的文本。ins有两个标准属性:citedatetimecite的值为URL,该URL指向另外的文档,用于解释新文本插入的原因;datetime的值一个时间,用于指定文本插入的日期和时间,其格式为YYYY-MM-DDThh:mm:ssTZD,其中:

  YYYY = 4位数字表示年(如2008)
  MM   = 2位数字表示月 (如01,02,...12)
  DD   = 2位数字表示日 (如01,02,...31)
  hh   = 2位数字表示小时 (如01,02,...24)
  mm   = 2为数字表示分钟 (如01,02,...60)
  ss   = 2为数字表示秒 (如01,02,...60)
  TZD  = 时区指示符

  如修改的时间是:2008年5月28日21:05:00

  那么按格林威治时间datetime的写法就是:2008-05-28T21:05:00Z;按北京时间的写法是:2008-05-28T21:05:00+08:00。因为北京时间比格林威治标准时间早8个小时。

  那么什么是插入一个文本呢?顾名思义,就是指在原有的文档中插入一个新的文本。而在使用ins的时候,通常我们还会搭配使用另外一个del标签,它用来定义文档中已删除的文本。

  比如一句话新闻:“5.12中国汶川发生7.8级大地震”。现在经专家勘测后修正为8.0级,那么这时就可以使用ins插入新的文本来修改这句话:

5.12中国汶川发生<del cite="http://tv.sohu.com/20080518/n256934549.shtml" datetime="2008-05-18T19:08:00+08:00">7.8</del> <ins cite="http://tv.sohu.com/20080518/n256934549.shtml" datetime="2008-05-18T19:08:00+08:00">8.0</ins>级大地震

修改后:

5.12中国汶川发生7.8 8.0级大地震

  其中的citedatetime值解释了修改的原因和时间日期。

  又比如:“仓库现存200顶帐篷”,今天出过货现在还剩下100顶:

仓库现存<del datetime="2008-05-18T19:08:00+08:00">200</del> <ins datetime="2008-05-18T19:08:00+08:00">100</ins>顶帐篷

修改后:

仓库现存200 100顶帐篷

   上面2个使用delins的例子,让我们很清晰知道文档在什么时候修改过,为什么修改,又是在何时修改的。

更多精彩内容其他人还在看

CSS3实现背景透明文字不透明的示例代码

这篇文章主要介绍了CSS3实现背景透明文字不透明的示例代码的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

浅谈CSS中的尺寸单位

这篇文章主要介绍了浅谈CSS中的尺寸单位的相关资料,浏览器的兼容性越来越好,移动端基本是清一色的webkit,经常会用到css的不同尺寸/长度单位,这里做个整理。感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

CSS中有些属性的前面会加上“*”或“_”所代表的意思

这篇文章主要介绍了CSS中有些属性的前面会加上“*”或“_”所代表的意思,需要的朋友可以参考下
收藏 0 赞 0 分享

CSS 设置滚动条样式的实例代码

这篇文章主要介绍了CSS 设置滚动条样式的实例代码,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
收藏 0 赞 0 分享

纯CSS制作各种各样的网页图标(三角形、暂停按钮、下载箭头、加号等)

这篇文章主要介绍了纯CSS制作各种各样的网页图标(三角形、暂停按钮、下载箭头、加号等)的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

纯css实现多级折叠菜单折叠树效果

这篇文章主要介绍了纯css实现多级折叠菜单折叠树效果,运用checkbox的checked值来判断下级栏目是否展开,通过css3选择器提供的checked伪类来实现此效果,感兴趣的朋友参考下吧
收藏 0 赞 0 分享

CSS Grid 网格布局全解析

这篇文章主要介绍了CSS Grid 网格布局全解析的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

css flex 弹性布局详解

这篇文章主要介绍了css flex 弹性布局详解的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

CSS3 二级导航菜单的制作的示例

这篇文章主要介绍了CSS3 二级导航的制作的示例的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

使用css禁用input、checkbox、select等html控件实现disable效果

这篇文章主要介绍了使用css禁用input、checkbox、select等html控件实现disable效果,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多