W3C HTML5标准阅读笔记 - ins、del

标准原文:https://www.w3.org/TR/html5/edits.html

HTML5中,ins与del标签可用于显示文档的修订信息,其中ins标签用于显示文档中添加的内容,而del标签则用于显示文档中删除的内容。在Chrome浏览器中,ins标签内的文本会呈现添加下划线的效果;而对于del标签,浏览器会在其文本正中间添加一条水平划线 -- 显示效果与s标签相同。

除了通用属性,这两个标签还拥有2个特有属性:

  • cite。用于定义当前修订的详情链接。与q标签和blockquote标签的cite属性一样,该cite属性的主要目的并不是给页面浏览者增加浏览体验,而是增加语义从而给文档处理者(搜索引擎、后端处理脚本等)增加便利。
  • datetime。用于定义当前修订操作所发生的时间。

对于列表(ol、ul)中的子项目(li),如果需要定义某个子项目的修订情况,则需将ins/del标签放在li标签内部进行使用。即使是整个li元素被添加或者被删除,ins/del标签也不能成为li的父标签 -- ol、ul只接受li标签作为直级子标签。一个简单的例子如下:

<ul>  
 <li><del>Lime</del><ins>Green</ins></li>
 <li><del>Apple</del></li>
 <li>Orange</li>
 <li><del>Pear</del></li>
 <li><ins>Teal</ins></li>
 <li><del>Lemon</del><ins>Yellow</ins></li>
 <li>Olive</li>
 <li><ins>Purple</ins></li>
</ul>  

类似的,对于Table中需要定义修订情况的单元格(th、td),需要ins/del标签放在th/td标签内部进行使用。即使是整行或者整列表格都被添加或删除,ins/del标签也不能成为tr的父标签。一个添加整行的例子如下:

<table>  
 <thead>
  <tr>
   <th>Game name</th>
   <th>Game publisher</th>
   <th>Verdict</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>Diablo 2</td>
   <td>Blizzard</td>
   <td>8/10</td>
  </tr>
  <tr>
   <td><ins>Portal 2</ins></td>
   <td><ins>Valve</ins></td>
   <td><ins>10/10</ins></td>
  </tr>
 </tbody>
</table>  

Chuan Shao

Read more posts by this author.

Shanghai

Subscribe to Chuan's blog

Get the latest posts delivered right to your inbox.

or subscribe via RSS with Feedly!