本节书摘来自异步社区《HTML5开发手册》一书中的第2章,第2.9节,作者: 【美】Chuck Hudson , 【英】Tom Leadbetter 更多章节内容可以访问云栖社区“异步社区”公众号查看。
2.9 中级“菜谱”:利用Microdata添加语义信息
Microdata规范为开发者带来了给某些内容添加标签的功能。从计算机看来,这些内容变得更友善、更易于理解。理论上,像Google这样的“机器”能够借助于Microdata返回更加准确的页面信息。
读者可以将Microdata视为某种自定义的元素。你可以使用它为商业、人、产品、事件等添加标签。由于不存在book元素,你可以为现存的元素添加Microdata属性来表示书籍。
Microdata包含5个属性:itemid、itemprop、itemref、itemscope和itemtype。代码2.15所示为一个描述人的简单示例。
代码2.15 Microdata示例
代码2.15表示某个名为Tom Leadbetter,家住United Kingdom,在Space Cowboy公司工作,职位是Space Cowboy的人。
当为某个元素添加itemscope时,该元素便成为了Microdata项。itemprop代表这个Microdata项的一个属性,它描述了元素中的内容。示例中共有两个itemscope属性:一个代表整体(人)内容;另外一个代表地址内容。
你也可以使用自定义的命名方式,不过考虑到结果一致的问题,你应该使用标准的并可识别的命名。Google在提供了一些示例和建议。使用Google webmaster Rich Snippets Testing工具可检测你的Microdata,来查看Google如何在搜索结果页面中显示你的数据,如图2.6所示。
图2.7显示了该页面中Google获取的其他信息。
这仅仅是一个Microdata小例子,它还有很多有用选项。更多的例子请查看前面提到的Google网站。同样还有其他的一些工具可以在创建Microdata时提供帮助。
Schema.org还提供了一些应用范例以及大量的数据示例。。不过,开发者不久就可以在Microdata中使用了,并且我们相信schema.org应该是开发者查阅Microdata元素的最好网站。
注意:
Microformats和RDFa是另外两种扩展HTML来描述特定信息的方法。这两种方法各有优劣,我们并不想在此讨论对它们的选择。事实上,你可以在Microdata中加入Microformats。虽然Microdata规范正脱颖而出,而当前实际上更加流行采用Microformats。