<time>標籤裡面的時間有什麼實際意義?

表達時間直接幾個數字就可以表達了,專門弄個標籤會不會有點多餘

例如&

這段話寫於今天晚上&

&

這段話寫於今天晚上2016-08-03&

有什麼區別嗎,確實不懂,虛心請教!


按你這個寫法是不需要寫 datetime 屬性的。 元素沒有這個屬性時,語義上的時間值定義為該元素的 textContent(當然前提是要符合特定的格式)。真正需要寫這個屬性的是這種:

&


HTML5的語義化,其實很多標籤都沒啥實際的意義

用來給機器識別的,便於搜索引擎,爬蟲解析。


我就說一個很多人基本不會提到的點吧,普及一個知識點。

這叫『HTML5微數據-Microdata』,用於搜索引擎和其它一些內容引擎特殊的解析和展示,不僅僅是單純語義化用的,也不僅僅只是搜索引擎用的,譬如一些訂閱功能的軟體和平台,APP都是可以使用的,它可以解析成為json等格式,它主要是給機器識別,當然還能起到養眼,提高一些開發解析效率的作用。

類似微數據還有一些標籤屬性,比如itemscope,itemtype,itemprop等,結合特定的標籤和格式可以發揮其真正的作用。

語義化只是一個最基本的功能,在不考慮javascript的前提下,純HTML5標籤更多的時候在於深層次的效率轉化和web解析,甚至還能提高瀏覽器解析速度。這些都是肉眼看不到的優勢。

HTML Microdata 這是W3C官方的Microdata參考

就拿時間time標籤給你做一個完整的微數據示範:

&

我非常期待
&
&ChuckieChang中文博客&
&
會在
&

昨天,ChuckieChang中文博客的
&
&關於web設計的文章&
&

&

機器解析後輸出的json格式為:

{
"items": [
{
"properties": {
"url": [
"http://www.c945.com/default.html/"
],
"name": [
"ChuckieChang中文博客"
],
"date": [
"2016-08-12"
]
}
},
{
"properties": {
"url": [
"http://www.c945.com/article/2f82a350fb19f2f7d4ae1a64.html"
],
"name": [
"關於web設計的文章"
],
"date": [
"2016-08-04"
]
}
}
]
}

一個非time標籤的例子:

&

&名稱:
&

死亡壓縮機& &產品型號:
&

8710& &大小:
&

Z& &

解析後json為:

{
"items": [
{
"type": [
"http://md.example.com/passengers"
],
"properties": {
"name": [
"死亡壓縮機"
],
"product-code": [
"8710"
],
"scale": [
"Z"
]
}
}
]
}

使用javascript腳本直接解析html標籤的效率是不高的,但是它解析json的效率就很高,而且很方便輸出為各種表現方式,所以這是一個很大的作用。明白了吧,不懂的可以自己看官方文檔多學習一下。


請問&

標籤有什麼實際意義?

表達段落直接寫文字就可以表達了,專門弄個標籤會不會有點多餘

例如&

這段話寫於今天晚上2016-08-03&

這段話寫於今天晚上2016-08-03

有什麼區別嗎,確實不懂,虛心請教!


語義標籤,給搜索引擎用的


HTML是網頁的架構,你直接寫出來的「2016-08-03」雖然與添加了&所呈現出來的看似相同,但內部是不一樣的,你要告訴的是瀏覽器、機器,而不只是告訴人類。加上會讓你的代碼更有條理,讓機器明白你的表達,而不只是單純的、無意義的數字。


推薦閱讀:

設計網頁時如何考慮多餘空白區域?
如何在移動端實現純css的自定義布局?
靜態資源(JS/CSS)存儲在localStorage有什麼缺點?為什麼沒有被廣泛應用?
HTML5 或者JS可以獲取移動設備信息嗎?或者其他非開發語言的方法?
html5、jquery怎樣實現在回到歷史頁面時完全保留之前離開這個頁面時的狀態?

TAG:前端開發 | HTML | CSS | HTML5 | HTMLCSS |