教育行業(yè)A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

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元素



猜你喜歡:

aside標簽有什么用?

article標簽是什么元素?有什么作用?

header標簽的作用:H5中header標簽的用法

HTML圖像標簽的基本特點和相關(guān)屬性

傳智教育HTML&JS+前端開發(fā)課程

0 分享到:
和我們在線交談!