HTML5網(wǎng)頁(yè)摘要itemscope, itemtype, itemprop

2021-12-16    分類： 網(wǎng)站建設(shè)

一、html5微數(shù)據(jù)是什么？

一個(gè)頁(yè)面的內(nèi)容，例如人物、事件或評(píng)論不僅要給用戶看，還要讓機(jī)器可識(shí)別。而目前機(jī)器智能程度有限，要讓其知會(huì)特定內(nèi)容含義，我們需要使用規(guī)定的標(biāo)簽、屬性名以及特定用法等。舉個(gè)簡(jiǎn)單例子，我們使用

標(biāo)簽包裹頁(yè)面標(biāo)題信息就是為了讓機(jī)器識(shí)別（搜索引擎 – SEO）。

而微數(shù)據(jù)是什么呢？在我看來，微數(shù)據(jù)也是為了方便機(jī)器識(shí)別而產(chǎn)生的東西。其有特定的規(guī)范，有特定的格式?？梢载S富搜索引擎的網(wǎng)頁(yè)摘要。

先來看看比較官方的解釋：HTML5 微數(shù)據(jù)規(guī)范是一種標(biāo)記內(nèi)容以描述特定類型的信息，例如評(píng)論、人物信息或事件。每種信息都描述特定類型的項(xiàng)，例如人物、事件或評(píng)論。例如，事件可以包含 venue、starting time、name 和 category 屬性。

微數(shù)據(jù)使用 HTML 標(biāo)記（常為 或

）中的簡(jiǎn)單屬性為項(xiàng)和屬性指定簡(jiǎn)要的描述性名稱。

上面的釋義過于學(xué)術(shù)化，我們可以將其擱置一邊，先看個(gè)簡(jiǎn)單的關(guān)于微數(shù)據(jù)的例子。平時(shí)，我們要在頁(yè)面上顯示對(duì)一個(gè)人的描述，HTML代碼可能如下：

  我的名字是王富強(qiáng)，但大家叫我小強(qiáng)。我的個(gè)人首頁(yè)是：  www.example.com  我住在上海市富貴新村。我是工程師，目前在財(cái)富科技公司上班。

而如果使用針對(duì)人物的微數(shù)據(jù)標(biāo)記，則HTML會(huì)如下：

  我的名字是王富強(qiáng)，  但大家叫我小強(qiáng)。  我的個(gè)人首頁(yè)是：    我住在上海市富貴新村。我是工程師，  目前在財(cái)富科技公司上班。

您會(huì)發(fā)現(xiàn)，HTML代碼量多了不少，還出現(xiàn)了很多自定義的屬性，如itemscope,itemtype,itemprop等。這些屬性就是方面機(jī)器識(shí)別的特定的標(biāo)記。其含義等依次如下：
itemscope
定義一組名值對(duì)，稱為項(xiàng)。

itemprop=”屬性名”
添加一個(gè)數(shù)據(jù)項(xiàng)屬性。這個(gè)屬性名可以是個(gè)單詞或是個(gè)URL，與元素包含的文本值相關(guān)：