如何使用 HTML 设置文本删除的日期和时间?

htmlweb developmentfront end technology更新于 2024/3/27 10:20:17

使用 HTML 创建网页内容时，经常需要更改文本并删除旧的或错误的信息。保持内容更新非常重要，同时记录更改的时间也很重要。在 HTML 中，设置文本删除的日期和时间非常简单。

语法

<del datetime=" ">content…. </del>

del 元素中有一个 datetime 属性，用于指定文本删除的日期和时间。

在 HTML 中使用 Del 元素

我们使用 <del> 标签在 HTML 中删除文本。此标签会删除文档中要删除的文本。例如 -

<p>我们使用 <del datetime="2011-01-05T08:15:30-05:00">CSS</del> <ins datetime="2011-01-05T08:15:30-05:00">CSS 3</ins> 进行 Web 开发。</p>

这里，我们在 del 元素中设置了"datetime"属性，该属性指定了文本被删除的时间内容。

示例

以下是如何使用 HTML 设置文本被删除的日期和时间的示例。

<!DOCTYPE html>
<html>
<head>
   <style>
      body{
         text-align: center;
      }
   </style>
</head>
<body>
   <h3>This is an example of how to use the del element to<br> specify the date and time when the text was deleted</h3>
   <p>We are using <del   datetime="2011-01-05T08:15:30-05:00">CSS</del>    <ins   datetime="2011-01-05T08:15:30-05:00">CSS 3</ins> for web development.</p>
</body>
</html>

在 HTML 中使用时间元素

在 HTML 中，时间元素用于表示特定的日期和时间。它用于显示网页上各种事件的时间戳，包括文本的删除时间。通过使用已删除文本的时间元素，我们可以添加文本删除时间的时间戳。例如:-

<p>此文本将被删除:<time datetime="2023-03-25T09:00:00Z">2023 年 3 月 25 日上午 9:00 UTC</time></p>

此处，"此文本将被删除:"文本后跟时间元素。我们在时间元素中设置了"datetime"属性，该属性指定了文本删除的时间内容。 Time 元素的文本内容以可读格式显示日期和时间。

示例

以下是如何使用 Time 元素为已删除文本添加时间戳的示例。

<!DOCTYPE html>
<html>
<head>
   <style>
      body{
         text-align: center;
      }
   </style>
</head>
<body>
   <h3>This is an example of how to use the Time element to<br> add a timestamp for deleted text</h3>
   <p>This text will be deleted: <time datetime="2023-03-25T09:00:00Z">March 25, 2023 at 9:00am UTC</time></p>
</body>
</html>