微数据 - HelloWorld开发者社区

一、微数据介绍

Microdata是在网页中提供额外语义的标准方式。

Microdata可定义自己的自定义元素，并开始在网页中嵌入自定义属性。在高水平上，微数据由一组名称 - 值对组成。

微数据使用来自自定义词汇表的、带作用域的名/值对来给DOM做标记，微数据的本质就是JSON。

二、微数据实际应用举例

一般写法：

<div>
  我的名字是大熊，但大家叫我小熊。我的个人首页是：
  <a href="http://www.example.com">www.example.com</a>
  我住在徐州市。我是工程师，目前在科技公司上班。
</div>

而如果使用针对人物的微数据标记，则HTML会如下：

<div itemscope itemtype="http://data-vocabulary.org/Person">
  我的名字是<span itemprop="name">大熊</span>，
  但大家叫我<span itemprop="nickname">小熊</span>。
  我的个人首页是：
  <a href="http://www.example.com" itemprop="url">www.example.com</a>
  我住在徐州市。我是<span itemprop="title">工程师</span>，
  目前在<span itemprop="affiliation">科技公司</span>上班。
</div>

HTML代码量多了不少，还出现了很多自定义的属性，如itemscope, itemtype, itemprop等。这些属性就是方面机器识别的特定的标记。

Live Microdata对上面的HTML代码跑一下：

{
  "items": [
    {
      "type": [
        "http://data-vocabulary.org/Person"
      ],
      "properties": {
        "name": [
          "大熊"
        ],
        "nickname": [
          "小熊"
        ],
        "url": [
          "http://www.example.com/"
        ],
        "title": [
          "工程师"
        ],
        "affiliation": [
          "科技公司"
        ]
      }
    }
  ]
}

三、属性介绍

属性	描述
itemscope	声明所使用的作用域
itemtype	微数据定义的类型。其值为URL，扮演词汇表名称的作用
itemid	允许词汇表给微数据项定义一个全局标识符，例如书的ISBN数值，在同样元素上使用itemid作为数据项的itemscope和itemtype属性
itemprop	添加一个数据项属性
itemref	此属性提供了一个附加元素列表，用于爬网以查找该项目的名称 - 值对。

itemref 使用举例

<p itemscope itemref="test-members">我要去看<span itemprop="name">flower</span>的演唱会，好开心</p>
<span id="test-members" itemprop="members" itemscope>flower 的成员是
  <span itemprop="name">小乐</span>，
  <span itemprop="name">田甜</span>和
  <span itemprop="name">华立</span>
</span>

{
  "items": [
    {
      "properties": {
        "name": [
          "flower"
        ],
        "members": [
          {
            "properties": {
              "name": [
                "小乐",
                "田甜",
                "华立"
              ]
            }
          }
        ]
      }
    }
  ]
}

上面的定义通过引用ID test-members包含了members项的三个成员名称属性，每个都是不一样的值。