天天看點

《HTML5開發手冊》——2.2 初學者“菜單”:使用time元素插入日期和時間

本節書摘來自異步社群《html5開發手冊》一書中的第2章,第2.2節,作者: 【美】chuck hudson , 【英】tom leadbetter 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

使用time元素,我們可以插入計算機能夠識别的日期和時間,同時又能以一種可讀的方式顯示給使用者。那麼利用此元素,我們不僅可以為内容添加如釋出時間、事件發生時間等資訊,還可以利用其他的技術(比如說月曆系統)。time元素有兩個可選屬性。

datetime:終端使用者浏覽的内容在 time 标記之間,而計算機可以識别datetime值:datetime= "2011-04-01t16:00z"。其中的時間部分(t16:00)是可選的。也可以為其添加時差資訊:t16:00+04:00。這裡的z代表的是協調世界時(universal coordinated time,utc),與添加時差資訊+00:00相同。

pubdate:pubdate是布爾屬性。它代表的是其最近的父article元素内容的釋出日期和時間。如沒找到任何父article元素,則指向整個文檔。每個article元素隻能擁有一個帶pubdate的time元素。

time元素的意圖是顯示某個确定的時間,如“2011年1月22日”,而不是某個不确定的時間,如“2011年某天”。其中的datetime屬性必須使用公曆格式:yyyy-mm-dd,加時間格式t00:00。

下面是幾個示例。

《HTML5開發手冊》——2.2 初學者“菜單”:使用time元素插入日期和時間

繼續閱讀