微数据 -HTML5轨范中微数据MicroData浅析

微数据 -HTML5规范中微数据MicroData浅析

1.如何理解微数据的用途
我们可以理解所谓微数据，就是网页中特别定义的一个“名称name-属性值value”组合。这种组合我们称之为"项"(items)。在HTML中，有一个itemscope 属性是用来描述items项的。下面就是一段实际例子

</div>
如果希望用户看到的内容和搜索引擎关心的内容不一样，则可以采用value值得方式。例如用户看到度娘刘冬最红的消息，而实际希望传递给搜索引擎的信息是最火热事件排名索引id，我们就可以采用如下方式：
<h1 itemscope>
?<data itemprop="hot-id" value="898ML001">度娘刘冬最红</data>
</h1>

如果希望在微数据中标记特殊时间，我们可以采用time标签。例如：最近非常喜爱的歌手惠特尼.休斯顿逝世，沉痛哀悼做个网站纪念。在她的生平介绍网站里标记生死日期
<div itemscope>
?惠特尼.休斯顿：<time itemprop="birthday" datetime="1964-02-13">1964年二月十三日</time>--<time itemprop="deathday" datetime="2012-02-13">2012年二月十一日</time>.
</div>
如果希望在微数据中标记多个属性值得items，可以使用多个name-value组合，其中name属性一样。例如：喜欢的歌星名字

</div>

?

?

大家看到这里，这样的表现方式是不是感觉似曾相识？是的，跟xml的组织方式完全一致。XML经过了多年的发展，一致未能在网页中得到广泛的应用，但在文档应用格式上，xml是当仁不让的最佳选择。如今，微数据正是将xml曲线引入web规范中的一个变革，目前规范尚不成熟，我们拭目以待，相信不久的将来，这种变化将带给网页信息整理和数据分析领域的巨大创新。

3.DOM中如何应用微数据模型
支持微数据的DOM API中提供了getItems这个方法处理微数据。document.getItems(typeNames) 提供了访问网页中顶层微数据集合的功能，采用document.getItems就可以获得网页中一个items的集合，items项的类型可以使用element.itemType 获得。例如下面的代码展示了我们如何在DOM模型中处理items
var user = document.getItems('http://example.net/user')[0];
alert('Hello ' + user.properties['name'][0].itemValue + '!');

上面的一切看上去都非常完美，在普通的网页中也可以实现类似XML格式化的数据，操作这些数据也非常简单，微数据的发展值得期待！目前google已经支持微数据的应用，但baidu尚未有证据表明支持微数据。本文开头大众点评网的应用实例代码如下，大家可以学习学习。

<div onclick="pageTracker._trackPageview('dp_shop_caozuo_tianjiafendian')" href="/addshop/1_10/id=5139338" title="添加分店">添加分店</a></span>
</div>
<div itemscope itemtype="http://data-vocabulary.org/Rating">
<meta?itemprop="rating" content="0">评分:该商户暂无星级</span>
<a onclick="pageTracker._trackPageview('dp_shop_dianpingshu');" href="#user-review-info">
<span?itemprop="count">2</span>封点评</a>

查看更多 下一篇