HTML的del标签


HTML中的<del>标签

<del>标签用于在HTML中标记已删除的或不再有效的内容,通常用于说明几个版本之间的差异。例如:修改了一个文件之后再次提交到版本控制系统,可以使用<del>标签对旧版本中已删除的内容进行标记。

语法

<del>标签使用起来非常简单,只需要将需要标记的内容包裹在<del></del>之间即可。

<del>This text has been deleted.</del>

属性

<del>标签没有必填属性,但有一些你可能会用到的属性。

cite

cite属性用于指定一个与被删除内容相关的URL,可以是一个包含详细信息的页面或文档。例如:

<del cite="http://example.com/differences.html">This text has been deleted.</del>

datetime

datetime属性用于指定删除操作的时间。格式必须为合法的日期时间格式,例如:

<del datetime="2020-07-01T10:30:00+08:00">This text has been deleted.</del>

样式

<del>标记的内容通常会有一个删除线穿过去,这是由CSS样式来实现的。以下是一个简单的CSS规则,用于为删除文本添加删除线。

del {
    text-decoration: line-through;
}

兼容性

<del>标签在HTML 4.01中是过时的,不过仍然被广泛支持。在HTML5中重新获得了合法性,并被现代浏览器良好支持。

示例

以下是一个示例,演示了如何使用<del>标签来标记已删除的文本。

<p>
    这是一段被编辑过的文本。
    我们需要指出,<del>这段文本实际上被删除了。</del>
    在最新的版本中,这里应该是这样的:<ins>这段文本是新添加的。</ins>
</p>

结果如下所示:

这是一段被编辑过的文本。我们需要指出,这段文本实际上被删除了。 在最新的版本中,这里应该是这样的:这段文本是新添加的。

总结

<del>标签用于标记已删除的或已过时的内容。它可以与<ins>标签一起使用,以显示两个版本之间的差异。虽然它在HTML 4.01中被标记为过时,但它在HTML5中重新获得了合法性。