首頁技術(shù)文章正文

time標簽的作用和屬性有哪些？

更新時間:2021年04月16日14時13分來源:傳智教育瀏覽次數(shù):

好口碑IT培訓

為了使HTML頁面中的文本內(nèi)容更加形象生動，需要使用一些特殊的元素來突出文本之間的層次關(guān)系，這樣的元素被稱為層次語義元素。文本層次語義元素主要包括time元素、mark元素和cite元素。下面我們來介紹time元素。

time標簽的作用

time元素用于定義時間或日期，可以代表24小時中的某一時間。time元素不會在瀏覽器中呈現(xiàn)任何特殊效果，但是該元素能以機器可讀的方式對日期和時間進行編碼，這樣，用戶能夠?qū)⑸仗嵝鸦蚱渌录砑拥饺粘瘫碇?，搜索引擎也能夠生成更智能的搜索結(jié)果。

time元素有兩個屬性

● datetime：用于定義相應的時間或日期。取值為具體時間(如14：00)或具體日期(如2015—09—01)，不定義該屬性時，由元素的內(nèi)容給定日期/時間。

● pubdate：用于定義time元素中的日期/時間是文檔(或 article元素)的發(fā)布日期。取值一般為“pubdate”。

下面通過一個案例來展示time標簽的用法

<!Doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>time元素的使用</title>
</head>
<body>
    <p>我們早上<time>9：00</time>開始上班</p>
    <p>今年的<time datetime="2015—10—01">十一</time>我們準備去旅游</p>
    <time datetime="2015—08—15" pubdate="pubdate">本消息發(fā)布于 2015年 8月 15日</time>
</body>
</html>

time元素