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

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

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

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

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

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

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

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

）中的簡單屬性為項和屬性指定簡要的描述性名稱。

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

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

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

  我的名字是王富強，  但大家叫我小強。  我的個人首頁是：    我住在上海市富貴新村。我是工程師，  目前在財富科技公司上班。

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

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