hResume是发布简历和个人简历的微格式。 主要是用于发布简历和个人简历
hResume格式是基于一套共同的众多领域恢复今日公布在网站上。 在可能的情况下字段名称已选定，并从原有微格式重复使用。
实现hResume的方式，简单的来说就是把微格式中的Hcard、hCalendar、hReview、XFN高级综合应用.

hResumes的创作：
必须填写的格式：hCard

语义的XHTML设计原则

内置的XHTML是XML的，因此，符合XHTML的格式，不仅可以用来显示演示方便，而且也为一般用途的数据交换。 在许多方面，兼容的格式，最好的例子都在HTML和XML中。 然而，当建设的XHTML的格式，它有助于有指导的一系列原则。

1. 重复使用的架构（名称，对象，属性，价值，类型，层次结构，限制）尽可能从预先存在的基础上建立，以及支持标准的参考。避免重述限制表达的来源标准。
   1. 对于同类型的多个组件，请使用嵌套元素与类名相当于名称的组成部分。
   2. 因此多个嵌套内容是用来代表多个文字值逗号分隔的。
2. 使用最准确的精确语义的XHTML基石每个对象等
3. 使用一个通用的结构性因素（如<span>或<div> ） ，或适当的上下文内容（如<li>内<ul>或<ol> ） 。
4. 使用类名的基础上的名字从原来的架构，除非语义的XHTML正是代表的那部分原来的架构。 组件名称隐含在文档（而不是明确的定义架构）。
   名称空间的组成部分成为破折号’ - ‘字符。
5. 如果格式的数据，按照原来的模式是太长或属于不友好的，使用<abbr>不是一个通用的结构元素，并把数据转换成文字的’标题’的属性（如地址的去向） ，以及更简单和人类可读相当于本身的因素。进一步丰富<abbr>的使用。

hResume架构如下：

* hresume :根类名称
* summary :是用来标记概述的资格和目标。
* contact :当前联系方式在hCard中应该使用<address>与hCard在可能存在的情况下。
* education :适用于hcalendar活动。
* experience :适用于hcalendar活动。职称/职务应使用hCard 。
* skill :一个hResume可标记使用相对标记 microformat和’ skill ‘类的名字。
* affiliation :类名affiliation是用来一起hcard组织，即联盟，团队.
* publications :只需使用<cite> 。 当有引文，可以用来搭配举进一步标记元素的组成部分引文。

以下是使用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/

Meta标签的X-UA-Compatible 网页制作前端技术应该继续改革

评论 (0) All