» 微格式全功略Hcard、hCalendar、hReview、XFN 轻松掌握

09-05
27

微格式全功略Hcard、hCalendar、hReview、XFN 轻松掌握

作者：jalin 日期：09-05-27 时间：7:41 下午

现在比较流行使用微格式了，最近这项技术得到很大的关注与使用。微格式有四种应用模式，他们的应范畴即相似又各不相同。对这四个类型分别做详细内容，关键内容：使用Microformat工具，加强您的网站。废话少说，精彩正在后头！
Hcard介绍：

hCard是一个简单的，开放的，分布式的形式，代表人们，企业，组织和场所，使用的是1:1的代表性的vCard 属性和价值观念在语义的HTML或XHTML 。 hCard是一些开放microformat标准适用于嵌入在HTML格式，支持XHTML，RSS ，XML 。
hCard主要是用来描述个人的信息。
<div id=”hcard-Jalin-ling-jiang” class=”vcard”>
<img style=”float:left; margin-right:4px” src=”http://pic1.kaixin001.com/logo/22/46/50_224695_1.jpg” alt=”photo of Jalin” class=”photo”/>
<a class=”url fn n” href=”http://www.ued163.com“> <span class=”given-name”>Jalin</span>
<span class=”additional-name”>ling</span>
<span class=”family-name”>jiang</span>
</a>
<div class=”org”>ued163</div>
<a class=”email” href=”mailto:jalin668@126.com”>jalin668@126.com</a>
<div class=”adr”>
<div class=”street-address”>广州市天河软件园</div>
<span class=”locality”>广州市</span>
,
<span class=”region”>广东省</span>
,
<span class=”postal-code”>510665</span>

<span class=”country-name”>中国</span>
</div>
<div class=”tel”>86688888</div>
<a class=”url” href=”aim:goim?screenname=Jalin”>AIM</a>
<a class=”url” href=”ymsgr:sendIM?Jalin”>YIM</a>
<a class=”url” href=”xmpp:Jalin”>Jabber</a>
<div class=”tags”><a href=”http://kitchen.technorati.com/contacts/tag/firefox”>firefox</a> <a href=”http://kitchen.technorati.com/contacts/tag/ie”>ie</a> <a href=”http://kitchen.technorati.com/contacts/tag/chrome”>chrome</a> <a href=”http://kitchen.technorati.com/contacts/tag/safari”>safari</a> <a href=”http://kitchen.technorati.com/contacts/tag/opera”>opera</a> </div>
</div>

hcard1
Hcard详细参考资料与介绍：http://microformats.org/wiki/hcard
Hcard在线生成器：http://microformats.org/code/hcard/creator

***************************************************************************************************************************************
hCalendar介绍：
hCalendar是一个简单的，开放的，分布式的日历和活动形式的基础上， iCalendar标准（ RFC2445 ），适合嵌入在HTML或XHTML ，RSS ，XML.hCalendar标记添加到您的网页的即将举行的活动或事件中你提到的博客帖子，维基等.提供事件（event）信息，可以存入到其他软件中被管理，包括（1）事件概要（2）时间、日期（3）地点.
<div id=”hcalendar-水立方游泳” class=”vevent”><a href=”http://bbs.jnustu.net/viewthread.php?tid=161039” class=”url”><abbr title=”2009-05-27T12:0000″ class=”dtstart”>May 27th 12pm</abbr><abbr title=”2009-06-27T12:00″ class=”dtend”>June 27th 12pm, 2009</abbr> : <span class=”summary”>水立方游泳</span> at <span class=”location”>华师附中</span></a><div class=”description”>水立方游泳俱乐部组织游泳</div><div class=”tags”>Tags: <a href=”http://eventful.com/events/tags/游泳” rel=”tag”>游泳</a><a href=”http://eventful.com/events/tags/活动” rel=”tag”>活动</a><a href=”http://eventful.com/events/tags/健身” rel=”tag”>健身</a></div>

</div>

hcalendar

hCalendar详细参考资料与介绍：http://microformats.org/wiki/hCalendar
hCalendar在线生成器：http://microformats.org/code/hcalendar/creator

***************************************************************************************************************************************

hReview介绍：
hReview是一个简单的，开放的，分布式的格式，适合嵌入评语（产品，服务，企业，事件等）， HTML格式，支持XHTML，RSS ，XML。 hReview帮助web工具检查web页面中的评价信息并将它提前处理包括（1）被评价物品（2）评价本身（3）评价等级

<div id=”" class=”hreview”><abbr title=”2008-05-27T15:40″ class=”dtreviewed”>May 27, 2008</abbr> by <span class=”reviewer vcard”><span class=”fn”>Jalin</span></span><span style=”display: none;” class=”type”>person</span><div class=”item vcard”><a class=”url fn” href=”http://www.ued163.com/”>Jalin</a></div><span class=”version”>0.3</span></div>

hreview

hReview详细参考资料与介绍：http://microformats.org/wiki/hreview
hReview在线生成器：http://microformats.org/code/hreview/creator

***************************************************************************************************************************************

XFN介绍：
XFN一个简单的方法来代表人际关系使用超链接,即一个普通的链接，表示我与heero的朋友关系：rel=”friend”

<a href=”http://hi.baidu.com/heero0w” rel=”friend co-worker colleague”>heero</a>

xfn

XFN详细参考资料与介绍：http://microformats.org/wiki/XFN
XFN在线生成器:http://gmpg.org/xfn/creator

以上基本格式图表:

caption
微格式更多详细列表下载：http://suda.co.uk/projects/microformats/cheatsheet/

看完后，相信对大家对微格式有较深的印象，希望能让各位同学有所帮助，好的内容多多分享，学习重在交流。

最多留言日志

随机文章

查看 jalin 的日志集或网站

分类：交互体验 | 查看次数：6,389

分享到：网易微博　　新浪微博　　开心网　　豆瓣　　鲜果