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

列印頁面