今天在用W3C檢測網頁的標簽時,發現了一個<time>的html標簽,雖然自己的博客模版上也用過這個html標簽,但還是仔細的查找了關于它的一些文檔說明,記錄下來以備后用。

html <time> 標簽

<time>:標簽定義公歷的時間(24小時制)或日期

語法:

<time>2019-11-19</time>

屬性:

datetime:規定日期或時間。不定義則由元素的內容給定。

pubdate:指示 <time> 元素中的日期或時間是指文檔或<article>的發布日期。

注:以上兩種屬性都屬于 html5 中新增的屬性

例:<time>標簽指定一個時間或日期

HTML代碼:

<p>請在<time>9:00</time> 之前打卡!</p>
<p>飛鳥慕魚博客創建于<time>2016-11-11</time>,已經建站三年了!</p>
<!--使用 datetime 屬性-->
<p>飛鳥慕魚博客創建于<time datetime=“2016-11-11”>2016/11/11</time>,已經建站三年了!</p>

例:<time>標簽指定文章或文檔的發布日期

国产视频app指定一篇文章或一個頁面的發布日期,要用到 <time>標簽的 pubdate 屬性!

<!--使用 pubdate 精簡的寫法,看到網上很多人都這樣寫-->
<p>本頁面修改于:<time pubdate>2019/11/18</time>,</p>
<!--使用 datetime 屬性指定于具體的時間段,精確到秒-->
<p>本篇文章發布時間:<time datetime=“2016-11-11 21:35:25" pubdate="pubdate">2019/11/18</time>,</p>

<time>標簽使用注意事項

国产视频app1、<time> 標簽和普通標簽一樣,不會在瀏覽器中呈現任務效果

2、所有的主流瀏覽器都不支持 <time> 標簽

3、搜索引擎對 <time> 標簽是友好的,(有待研究)