<time> 標示時間日期元素在標籤語意上表示「時間日期」，如果搜尋引擎如果要抓取時間日期，就會優先從這個標籤著手讀取，這篇教學會介紹 <time> 標示時間日期元素以及 HTML 裡標準的時間日期格式。

原文參考：標示時間日期 time

認識 <time>

HTML 的標示時間日期元素是由 <time> 標籤所構成的元素，該元素在標籤語意上強調「時間日期」，如果搜尋引擎如果要抓取時間日期，就會優先從這個標籤著手讀取。

• <time> 屬於「容器元素」，需要有「起始標籤」以及「結束標籤」。
• <time> 的顯示類型為「inline 行內元素」，預設不會自動換行。

例如下方的 HTML 開啟後，會在網頁中放入 <time> 標示時間日期

<p>
  現在日期：<time>2022-12-01</time>
  <br>
  現在時間：<time>12:01:01</time>
</p>

HTML 的日期與時間格式

如果要在 HTML 裡顯示日期或時間，通常會使用標準的日期時間寫法，寫法如下：

<time> 支援屬性 {a3}

<time> 支援「全域屬性」以及「可見元素的事件屬性」( 參考「HTML 元素屬性」)，例如下方的 HTML，會將 <time> 裡的文字換成別的顏色。

<p>
  現在日期：<time style="color:#f00;">2022-12-01</time>
  <br>
  現在時間：<time style="color:#09f;">12:01:01</time>
</p>

更多教學

大家好，我是 OXXO，是個即將邁入中年的斜槓青年，我有個超過一千篇教學的 STEAM 教育學習網，有興趣可以參考下方連結呦～ ^_^

• Python 教學 ( 學習導讀 )
• Scratch 教學
• GA4 ( Google Analytics 4 ) 教學
• 生成式 AI ( AIGC ) 教學
• Midjourney 教學
• HTML 教學