標示時間日期 <time>
<time>
標示時間日期元素在標籤語意上表示「時間日期」,如果搜尋引擎如果要抓取時間日期,就會優先從這個標籤著手讀取,這篇教學會介紹 <time>
標示時間日期元素以及 HTML 裡標準的時間日期格式。
認識 <time>
HTML 的標示時間日期元素是由 <time>
標籤所構成的元素,該元素在標籤語意上強調「時間日期」,如果搜尋引擎如果要抓取時間日期,就會優先從這個標籤著手讀取。
<time>
屬於「容器元素」,需要有「起始標籤」以及「結束標籤」。<time>
的顯示類型為「inline 行內元素」,預設不會自動換行。
例如下方的 HTML 開啟後,會在網頁中放入 <time>
標示時間日期
<p>
現在日期:<time>2022-12-01</time>
<br>
現在時間:<time>12:01:01</time>
</p>
HTML 的日期與時間格式
如果要在 HTML 裡顯示日期或時間,通常會使用標準的日期時間寫法,寫法如下:
日期時間 | 寫法 |
---|---|
年 | 2022 |
年、月 | 2022-12 |
年、月、日 | 2022-12-01 |
月、日 | 12-01 |
年、週 | 12-W30 |
時、分 | 12:30 |
時、分、秒 | 12:30:25 |
時、分、秒 ( 毫秒 ) | 12:30:25.020 |
年、月、日、時、分、秒 | 2022-12-01 12:30:25.020 或 2022-12-01T12:30:25.020 |
<time>
支援屬性
<time>
支援「全域屬性」以及「可見元素的事件屬性」( 參考「HTML 元素屬性」),例如下方的 HTML,會將 <time>
裡的文字換成別的顏色。
<p>
現在日期:<time style="color:#f00;">2022-12-01</time>
<br>
現在時間:<time style="color:#09f;">12:01:01</time>
</p>
意見回饋
如果有任何建議或問題,可傳送「意見表單」給我,謝謝~