介绍

该<time>元素是 HTML5 的新元素。它可以更轻松地标记时间信息。让我们检查一些场景并<time>在实践中使用。

先决条件

• HTML5 的一般知识。要全面了解 HTML5 标记语言，请浏览我们的系列“如何用 HTML 构建网站”。

在 HTML5 中使用时间元素

<time>允许您以人类和机器都易于理解的格式标记日期和/或时间信息。例如，如果你想标记已经是机器可读格式的时间，你可以<time>这样使用：

<p>
  Meet me at <time>11:59</time> at the dock.
</p>

或者，如果日期/时间信息不是机器可读的，您可以使用以下datetime属性对其进行标记：

<p>
  Last updated
  <time datetime="2015-11-03">
    November 3rd 2015
  </time>.
</p>

该datetime属性的值采用以下格式之一：

• date: YYYY-MM-DD
• datetime （带时区）：YYYY-MM-DDThh:mm:ss.Z（例如：2016-06-30T03:37:56-0800）
• datetime-local （无时区）：YYYY-MM-DDThh:mm:ss
• time: 时:分:秒
• month: YYYY-MM

这就是您可以使用新<time>元素的方式。

结论

<time> 是 HTML5 中一个重要的新元素。

要更全面地了解 HTML5 标记语言，请浏览我们的系列，如何用 HTML 构建网站。