HTML <time> 標籤

admin發表於2019-08-01

<time>是HTML5新增的語義化標籤之一。

關於語義化標籤的概念與作用可以參閱HTML 語義化佈局一章節。

一.<time>標籤作用:

HTML5將標籤類別根據功能進行了細化,以使程式碼更具有語義。

不但便於程式設計師閱讀,也更有利於搜尋引擎的抓取識別,有著比較積極的意義。

<time>標籤可以用於定義時間日期。

二.程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<div>
  <p>螞蟻部落建立於<time>2015-6-8</time></p>
  <p>今天是<time datetime="2019-08-01">八一建軍節</time></p>
</div>

程式碼分析如下:

(1).<time>標籤中可以直接規定時間日期。

(2).如果標籤內沒有規定時間日期相關資訊,需要通過datetime屬性規定。

(3).時間日期的格式只要計算機能夠識別即可。

(4).如果datetime規定的是時間日期,兩者之間需要用T分割,如"2019-08-01T20:00"。

(4).時間日期的最後還可以加"Z"或者使用"+"或者"-"表示時間差。

關於時間格式可以參閱時間日期字串 T與Z 功能一章節。