以下是使用Hcard,Hcalendar结合的成hresume的例子：

代码拷贝框
<div class=”hresume”> <div class=”contact vcard”> <div class=”fn n” id=”j”> <span class=”given-name”>jalin</span> <span class=”family-name”>jiang</span> </div> <div class=”adr”> <span class=”street-address”>广州天河软件园</span> <span class=”locality”>广州</span>, <span class=”region”>广东省</span> <span class=”postal-code”>510665</span><span class=”country-name”>中国</span> </div> <div> <span class=”tel”><span class=”value”>0201888888</span> (<span class=”type”>office</span>)</span> <span class=”tel”><span class=”value”>02016666666</span> (<span class=”type”>home</span>)</span> <span class=”tel”><span class=”value”>16816816888</span> (<span class=”type”>cell</span>)</span> <span class=”tel”><span class=”value”>0201888888</span> (<span class=”type”>fax</span>)</span> </div> <div> Email: <a class=”email” href=”mailto:jalin126.com”>jalin668@126.com</a> Web: <a class=”url” href=”http://www.ued163.com/”>http://www.ued163.com/</a> <a class=”url” href=”http://www.ued163.com/”>LinkedIn Profile</a> </div> </div> <div> <h2>Summary</h2> <div class=”summary”> 爱好：音乐，游泳，羽毛球，乒乓球 </div> </div> <div> <h2>Education &amp; Affiliations</h2> <div class=”vcalendar”> <div class=”education vevent vcard”> <div class=”htitle”> <span class=”summary”> 本科 网络专业</span> <span class=”org”>华南师范大学</span> </div> <div class=”date_duration”><abbr class=”dtstart” title=”2008-03-01″>March 2008</abbr> - <abbr class=”dtend” title=”2010-12-01″>December 2010</abbr></div> </div> </div> </div> <div> <h2>Professional Experience</h2> <div class=”vcalendar”> <div class=”experience vevent vcard”> <div class=”htitle”> <span class=”title”>前端开发</span> <span class=”org”>UED163团队</span>, <span class=”location”>广州天河软件园</span> </div> <div class=”date_duration”><abbr class=”dtstart” title=”2007-06-01″>June 2007</abbr> - <abbr class=”dtend”>Present</abbr></div> <div class=”description”>从事前端架构开发，致力于对前端技术的学习。</div> </div> </div> </div> <div> <h2>Tags</h2> <div> <div class=”tags”> <ul> <li><a class=”skill” target=”_blank” rel=”tag” href=”http://www.technorati.com/tag/css”>css</a></li> <li><a class=”skill” target=”_blank” rel=”tag” href=”http://www.technorati.com/tag/xhtml”>xhtml</a></li> <li><a class=”skill” target=”_blank” rel=”tag” href=”http://www.technorati.com/tag/javascript”>javascript</a></li> <li><a class=”skill” target=”_blank” rel=”tag” href=”http://www.technorati.com/tag/xml”>xml</a></li> <li><a class=”skill” target=”_blank” rel=”tag” href=”http://www.technorati.com/tag/microformat”>microformat</a></li> </ul> </div> </div> </div> </div> <div class=”copyright”><a href=”http://www.ued163.com/” rel=”license”>版权：UED163</a></div>
[Ctrl+A 全部选择 然后拷贝]

效果图:

点击上图放大

hresume基本架构对应格式：

个人介绍:hcard
联系方式：hcard
附属机构：hcard
专业技能：hcard
教育程度：hcard,hCalendar
所获取奖项：hCalendar
专业经验：hCalendar
组织成员：XFN
项目:hReview
成功案例：标签云既,tag

把以上格式应用到个人博客与个人简历上，效果尚佳哦。看到很多同学的个人博客都应用了WordPress，在此介绍个有用的插件LinkedIn。
工具介绍：LinkedIn的hResume为WordPress的抓住hResume microformat块LinkedIn的人群从您的个人资料页，让您将其添加到任何WordPress的网页，并适用于您自己的风格给它。

LinkedIng下载地址（最新为3.0）：
http://wordpress.org/extend/plugins/linkedin-hresume/

外国一些使用hResume的简历参考：

• http://www.linkedin.com/in/steveganz
• http://www.zachary.com/creemer/resume.html

原文：http://www.ued163.com/?p=520

本文链接：http://www.blueidea.com/tech/web/2009/6838.asp　

出处：163 UED Team
责任编辑：bluehearts

上一页 微格式强化你的个人简历与博客 [1] 下一页

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。