HTML宝典(第 1 版)
2.3.19 ins和del元素
阅读(

HTML基础

HTML元素

结构语义元素

内容分组元素

文本语义元素

sub和sup元素

kbd元素

samp元素

var元素

code元素

time元素

dfn元素

abbr元素

mark元素

cite元素

q元素

s元素

u元素

b元素

i元素

small元素

strong元素

文本元素

ins和del元素

在Word中,如果使用修订模式来编辑文档,就可以清楚了解到文档的修订历史。网页也不例外,也具有类似修订模式的功能。

在HTML中,通过 ins元素和 del元素来记录文档的修订历史,ins元素定义向文档中插入的文本,del元素定义已经从文档中删除的文本。这两个元素都具有 cite 和 datetime 属性,cite属性指向一个说明编辑原因URL,datetime属性提供编辑时间。

ins元素和 del元素的子元素既可以是非常短的行内元素,也可以是块级元素(如,段落、列表、表格等)。如:

<ins>
    Apples are <em>tasty</em>.
</ins>
<del datetime="2016-8-23T01:25-07:00">
    <p> I like fruit. </p>
</del>
<del>
    <ul>
    <li>Empty the dishwasher</li>
    <li>Watch Walter Lewin's lectures</li>
    <li>Download more tracks</li>
    <li>Buy a printer</li>
    </ul>
</del>
<table>
   <thead>
   <tr><th>Game name<th>Game publisher<th><del cite="/edits/r192">Verdict</del>
   <tbody>
   <tr><td> Diablo 2<td>Blizzard<td><del cite="/edits/r192">8/10</del>
   <tr><td> Portal<td>Valve<td><del cite="/edits/r192">10/10</del>
   <tr><td> Portal 2<td>Valve<td><del cite="/edits/r192">10/10</del>
</table>

为了让读者很容易看出文档的修改情况,浏览器会为被编辑的内容应用特殊样式。默认情况下,被删除的文本会显示一条删除线,而被插入的文本会显示一条下划线。运行结果如图 2‑37所示:

编辑元素
图2-37 编辑元素

从上图可以看出,浏览器并不会将 cite 和 datetime 属性的值显示出来,这是因为这些信息并不是给读者看的,而是为内容提供一些背景信息,以便了解编辑原因和编辑时间。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验