CSS的時間標簽可用于添加時間元素以及日期元素。時間標簽是HTML5規范的一部分,使用時請確保你的HTML頁面位于HTML5文檔類型中。
時間標簽由標簽<time>
包圍,其中的datetime屬性指定了日期和時間。該屬性遵循ISO格式,即“YYYY-MM-DDThh:mm:ssTZD”(例如2019-11-20T14:11:00+00:00)。
<time datetime="2019-11-20T14:11:00+00:00">November 20th, 2019</time>
當使用時間標簽時,可以使用CSS樣式來更改時間標簽的外觀。
time { background-color: #f1f1f1; border: 1px solid #ccc; padding: 5px; font-weight: bold; }
上述CSS樣式將為標記的時間元素添加灰色背景,邊框和粗體文本。
除此之外,時間標簽還具有一個pubdate屬性,可以用于指示發布日期。
<time datetime="2020-05-15" pubdate>May 15, 2020</time>
使用pubdate屬性后,瀏覽器將在時間標簽周圍添加另一個元素以指示發布日期,而不僅僅是表示一個時間戳。
總體而言,時間標簽是一個簡單有效的優化元素,可以讓你的網站看起來更干凈簡潔,利于SEO。