微数据语法
属性itemscope及itemprop
首先我们要定义1微想据相关区域,div或者p这类结构性元素及容器元素都是适用的。
在这里我们选用article元素来嵌入整篇博文、用来定义scope(范围)的属性以item开和其他4个属性一样，为boolean类型，并拥有一很合乎逻辑的名字itemscope:
〈articleitemscope>
itemscope定义了一组新的“name-valuepairs”，规范中也将它们称为items。相关值由itemprop属性提供，这里prop的意思是“内容(properties)”。为了将所有音乐家在文章中标记为musicians,因此我们需要用到四个itemprop属性并将它们嵌入合适的位置。若当前没有合适元素可用，我们首先将它们创建为span或div元素，因此“PatMetheny”在HTML代码中成为“
PatMetheny”，并在不影响文本布局的情况下为span元素指派一个itemprop属性。与itemscope不同，itemprop并非布尔型属性，而是把以相关的内容名称作为它的属性值：orticleitemscope>
PatMethenystepsontothestage……AntonioSanchezonthedrums...
SteveRodbyonthebass...
LyleMaysonthepiano...
微数据的第一个案例完成了，现在的问题是如何让搜索引擎蜘蛛能够根据博客索引顺利解析元数据。我们在这里使用PhilipJagenstedt的LiveMicrodata查看器来将数据结构形象化。这是一个在线应用程序，我们可以将带微数据内容的代码清单粘贴到文本域，并让隐藏的微数据以JSON格式显示。
为避免反复大量的打字输入.所有HTML代码清单都有在线文档，可以轻松将它们复制至微数据查看器中。所有单独片段都以它们在本章中出现的顺序排列。文件http://html5.komplett.cc/code/chap_microdata/fragments_en.txt若将文件fragments_en.txt中第二段HTML复制至PhilipJSgenstedt的微数据察看器中，其结构将显示为如下的JS0N格式：
<"items"[{
"properties":{
"musician""PatMetheny",
"AntonioSanchez",
"SteveRodby",
"LyleMays"
>
乍一看.这些大括号和方括号似乎很混乱，宁波网站建设认为但若仔细观察，你会发现它们将元数据结构表达得非常清晰。每个元件("items”)都包含了一个内容("properties”)数组一数组由内容名称(’’musician”)与相关值(“PatMetheny,”“AntonioSanchez,”“SteveRodby，’’“LyleMays”)成对组成。
一些HTML元素在被指派一个itemprop属性时，就会自动定义相关properties的值。让我们为博文中的照片定义一个itemprop属性image,然后在微数据查看器中看看：
〈articleitemscope>
src属性的值自动被斌给了image内容(properties)。除了img元素外，还有一些元素也会有这样的行为，它们被列在表1中。
说回搜索引擎蜘蛛，它要怎样索引这篇充斥微数据的博客呢？它并不知道musician与image元件是由什么构成的。因为我们定义的微数据是仅针对我们自己使用的。为了更好地使用微数据，我们需要将其标准化为蜘蛛可理解的词汇，就如同智能邮件程序能从拖曳至程序地址簿中的URL中自动提取微数据编码的e-mail地址，同样的，一个日记程序也能用同样方法自动识别出日记日期。
本文由乐华网络编辑，转载请注明出处
宁波网站建设www.leseo.net
