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

time標(biāo)簽的作用和屬性有哪些？

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

好口碑IT培訓(xùn)

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

time標(biāo)簽的作用

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

time元素有兩個(gè)屬性

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

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

下面通過一個(gè)案例來展示time標(biāo)簽的用法

<!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>我們準(zhǔn)備去旅游</p>
    <time datetime="2015—08—15" pubdate="pubdate">本消息發(fā)布于 2015年 8月 15日</time>
</body>
</html>

time元素