位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

HTML5文本 實用性標記 時間

提問人:劉團圓發(fā)布時間:2020-11-20

    HTML5新增time元素,用來標記時間、日期或時間段。time有一個可選的datetime屬性,用來指定時間格式。格式如下:

    YYYY-MM-DDThh:mm:ss

    如果沒有設置datetime屬性,time元素必須提供如上格式機器可讀的日期和時間。例如: 

    2018-11-03T17 ??19:10 :

    表示“當?shù)貢r間2018年11月3日下午5時19分10秒”。小時部分使用24小時制,因此表示下午5點應使用17,而非05。如果包含時間,秒是可選的,也可以使用hlmmri.SSs格式提供時間的毫秒數(shù)。 注意,毫秒數(shù)之前的符號是一個點。

    如果要表示時間段,則格式稍有不同。有幾種語法,不過最簡單的形式如下: 

    nh nm ns

    其中,三個n分別表示小時數(shù)、分鐘數(shù)和秒數(shù)。

    也可以將日期和時間表示為世界時?在末尾加上字母Z,就成了 UTC (CoordinatedUniversal Time,全球標準時間)。例如(使用UTC的世界時):

    2018-ll-03Ti7:19:l0z

    也可以通過相對UTC時差的方式表示時間。這時不寫字母Z,寫上-(減)或+(加)及時差即可。例如,含相對UTC時差的世界時:

    2018-11-03T17:19:10-03:30

    表示“紐芬蘭標準時(NST) 2018年11月3日下午5時19分10秒”(NST比UTC晚3個半小時)。 

■實例設計

    time元素如果提供了 datetime屬性,time標簽中的文本可以不嚴格使用有效的格式;如果忽略datetime屬性,文本內(nèi)容就必須是合法的日期或時間格式。

    <p>我們在每夭早上<time>9:0,0</time>開始營業(yè)。,</p>

    <p>我在<time datetime="2018-02-14">情人節(jié)</time>有個約會。</p>

    time中包含的文本內(nèi)容會出現(xiàn)在屏幕上,對用戶可見,而可選的datetirae屬性則是為機器準備的。 該屬性需要遵循特定的格式。瀏覽器只顯示time元素的文本內(nèi)容,而不會顯示datetime的值。

■小結(jié)

    datetime屬性不會單獨產(chǎn)生任何效果,但可用于在Web應用(如日歷應用)之間同步日期和時間。 這就是必須使用標準的機器可讀格式的原因,這樣程序之間就可以使用相同的“語言”來共享信息。

    不能在time元素中嵌套另一個time元素,也不能在沒有datetime屬性的time元素中包含其他元素 (只能包含文本)。在早期的HTML5說明中,time元素可以包含一個名為pubdate的可選屬性。不過,后來pubdate不再是HTML5的一部分。讀者可能在早期的HTML5示例中遇到過該屬性。

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(0)
返回頂部