html5知識點補充—time元素的使用

時間 2020-06-16

標籤 html5 html 知識補充 time 元素使用欄目 HTML5 简体版

原文原文鏈接

使用time元素插入日期和時間

使用time元素，咱們能夠插入計算機可以識別的日期和時間，同時又能以一種可讀的方式顯示給用戶。那麼利用此元素，咱們不只能夠爲內容添加如發佈時間、事件發生時間等信息，還能夠利用其餘的技術（好比說日曆系統）。time元素有兩個可選屬性。code

datetime: 終端用戶瀏覽的內容在time標記之間，而計算機能夠識別datetime值：datetime="2011-04-01T16:00Z"。其中的時間部分（T16:00）是可選的。也能夠爲其添加時差信息：T16：00+04：00。這裏的Z表明的是協調世界時，與添加時差信息+00：00相同。事件
pubdate: pubdate是布爾屬性。它表明的是其最近的父article元素內容的發佈日期和時間，如沒找到任何父article元素，則指向整個文檔。每一個article元素只能擁有一個帶pubdate的time元素。文檔

下面是幾個示例：date

<body>
    <article>
        <footer>
            <p>This news article was published on <time pubdate datetime="2011-04-01T16:00Z">lst April 2011 at 4pm</time></p>
        </footer>
    </article>

    <article>
        <h1>Christmas day family photo</h1>

        <p>It lovely to have the family here for <time pubdate datetime="2010-12-25">Christmas Day 2010</time></p>
    </article>

    <p>HTML6 release date is due on <time datetime="2040-10-04">Arril 1<sup>st</sup> 2040</time></p>
</body>