HTML - <time> 标签

HTML <time> 标签用于定义特定的日期和时间。它在 HTML 中以 24 小时制时钟或格里高利历中的精确日期显示时间。它可能包含“datetime”属性，该属性将日期转换为机器可读格式，从而可以增强搜索引擎结果或自定义功能（例如提醒）。

此标签有一个可选属性“datetime”，用于以 <time> 标签的机器可读形式表达日期/时间。

语法

<time>.....</time>

属性

HTML time 标签支持 HTML 的全局和事件属性。还接受一个特定的属性，如下所示。

属性	值	描述
datetime	datetime	为时间元素保存机器可读的日期时间格式。

HTML time 标签示例

下面的示例将说明 time 标签的使用方法，以及在何处、何时以及如何使用 time 标签在您的上下文中呈现时间。

创建时间元素

使用 HTML <time> 标签创建时间元素。在以下示例中，我们正在创建一个 HTML 文档并演示 <time> 标签的工作原理。

<!DOCTYPE html>
<html>
<head>
   <title>HTML time tag</title>
   <style>
      time {
         font-weight: bold;
      }
   </style>
</head>
<body>
   <h2>Example of time Tag</h2>
   <p>
      The tutorialspoint is celebrating their 10 <sup>th</sup> anniversary
      on <time datetime="2023-06-12">Jun 12</time> 
      in Hyderabad's office. </p>
   <p>
      The concert will start at <time datetime="20:00">20:00</time> and 
      you'll be able to enjoy the band for at least <time datetime="PT2H30M">2h 30m</time>.
   </p>
</body>
</html>

在 <time> 标签中使用 datetime 属性

我们可以使用 HTML datatime 属性在时间元素上提及机器可读的日期时间。

<!DOCTYPE html>
<html>
<head>
   <title>HTML time tag</title>
   <style>
      time {
         font-weight: bold;
      }
   </style>
</head>
<body>
   <p>
      We open our shop at <time>09:00</time> am. 
   </p>
   <p>
      The business meeting is scheduled on 
      <time datetime="2023-06-16">this friday</time>.
      </p>
   <p>
      The 10 <sup>th</sup> anniversary of tutorialspoint
      scheduled at <time datetime="2023-06-12 T0 02:00-06:00">2pm last Monday </time>.
      </p>
</body>
</html>

支持的浏览器

标签
time	是 62.0	是 18.0	是 22.0	是 7.0	是 49.0

html_tags_reference.htm

打印页面