快速业务通道

网页简历结构和语义信息:hResume微格式

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-02-28
lt;abbr class=”region” title=”New Mexico”>NM<abbr> <span class=”postal-code”>87106</span> <abbr class=”country-name” title=”United States of America”>USA</abbr></p>
  • <ul>
  • <li><a href="mailto:eplewis@gmail.com" class=”email”>eplewis[at]gmail[dot]com</a></li>
  • <li><a href="http://www.emilylewisdesign.com/" class=”url” rel=”me”>Design Portfolio</a></li>
  • <li><a href="http://www.linkedin.com/in/emilyplewis/" rel="me">LinkedIn profile</a></li>
  • </ul>
  • </div>
  • rel-me定义统一的身份

    在上面的例子中,我在到网站的链接上使用了rel-me:

    1. <li><a href="http://www.emilylewisdesign.com/" class="url" rel=”me”>Design Portfolio</a></li>
    2. <li><a href="http://www.linkedin.com/in/emilyplewis/" rel=”me”>LinkedIn profile</a></li>

    如同我们在第一部分中讨论的,rel="me"用来定义从关于某人的某个页面到另一个页面的超链接关系。

    使用address的问题

    hResume规范中也建议使用<address>来描述个人联系信息。根据W3C的描述,<address>元素为:

    … used by authors to supply contact information for a document or a major part of a document such as a form.(译:作者用来为文档或者文档大部分内容提供联系信息)

    在简历的例子中,<address>语义上是正确的,因为他描述的联系信息是属于简历作者的。不过,您会注意到我在上面的例子中没有使用<address>,这是因为<address>不能包含块级元素。当然,我可以使用<span>来替换所有的<p><ul>,但是那会让文档失去很多语义信息和结构,所以就没有考虑<address>

    可选属性:summary

    可选属性summary用来表明求职意向和胜任工作的简介。同样,只能在hResume中使用一次。在我的简历中,我没有描述求职意向,但是却提供了胜任工作的列表:

    1. <h3>Highlights of Qualifications</h3>
    2. <ul class=”summary”>
    3. <li>Web designer specializing in hand-coded semantic XHTML, cross-browser CSS, progressive enhancement accessibility and usability</li>
    4. <li>Expert in the design of corporate web sites, intranets, email campaigns and e-commerce applications</li>
    5. </ul>
    可选属性:skill

    可选属性skill附加在内容元素上,用来表明个人的特殊才能和技术skill可以使用多次。规范要求技能的内容需要包含在指定了class="skill"rel="tag"的链接元素中:

    1. <ul>
    2. <li><a href="http://technorati.com/tag/xhtml" class=”skill” rel=”tag”>XHTML</a> — 9 yrs</li>
    3. <li><a href="http://technorati.com/tag/css" class=”skill” rel=”tag”>CSS</a> — 9 yrs</li>
    4. </ul>
    疯狂的链接

    我按照规范要求的实现了skill属性,但是我非常不喜欢这些链接。我不明白为什么规范需要属性必须要被包含在链接之内,为什么不能包含在内容元素中?我并不能确认这些链接带来任何的价值,尤其是对于可能的雇主来说。事实上,这会让想了解我的人注意力分散。

    标签空间似乎无关

    另外一个问题就是规范要求这些链接必须实现rel="tag"。在第一部分中,我们讨论过,rel-tag表示链接的目的地址是一个标签地址。而且rel-tag需要在链接中使用标签内容作为URL的最后一段。由于这些限定,我把所有的skill链接都指向了Technorati,因为他提供了标签空间。

    可是,这就让这些链接更跟我的内容无关了。如果我使用这些链接,我更希望他们能够链接到能给出具体信息的地方,比如Wikipedia,但是他并没有提供这些技能的条目。最后,我可能会把所有能指向wikipedia的链接都换成指向wikipedia,而内容不存在的技能链接就只好删掉。或者只好把整个skill部分都删除,反正他是可选的。

    可选属性:experience

    可选属性experience用来表明个人的工作经历。可以使用多次。规范要求每个工作经历都作为一个“事件”可以使用hCalendar来描述,并且把职务/角色的内容写在hCard中:

    1. <div class=”vcalendar”>
    2. <div class="experience vevent vcard“>
    3. <a class="include nonVisual" href="#emily-hcard-name"></a>
    4. <h4 class="title summary“>Web Designer</h4>
    5. <p class=”org”>Pitney Bowes Business Insight</p>
    6. <p><abbr class=”dtstart” title=”2004-12-01″>December 2004</abbr> – present</p>
    7. <ul class=”description”>
    8. <li>Designed interfaces and developed XHTML, CSS and graphics for main corporate site, international sites, marketing newsletters, corporate blog, corporate intranet and user conference site</li>
    9. </ul>
    10. </div>
    11. </div>
    包含模式:避免冗余

    因为规范要求为所有工作职务和角色指定hCard信息,而hCard需要fn属性(人的格式化名字)这就意味着对于我简历中每条experience,我需要列出我的名字信息。这真是没有太大意思。

    幸好,微格式的家伙们想出了办法──包含模式,允许在页面中使用已经在某个地方定义好的数据。使用包含模式,我就可以在experience中包含我已经在contact中定义好的fn信息了。首先,我需要为我的contact hCard fn值定义一个id,这样我就可以引用他:

    <h2 class="fn n" id=”emily-hcard-name”><span class=”given-name”>Emily</span> <span class=”additional-name”>Paige</span> <span class=”family-name”>Lewis</span></h2>

    然后,对应所有的experience,我可以为链接<a>指定class="include",而在链接的href值中指定到fn id

    1. <div class="vcalendar">
    2. <div class="experience vevent vcard">
    3. <a class=”include nonVisual” href=”#emily-hcard-name”>Emily Paige Lewis</a>
    4. <h4 class="title">Web Designer</h4>
    5. <p class="org fn">Pitney Bowes Business Insight</p>
    6. <p><abbr class="dtstart" title="2004-12-01">December 2004</abbr> – present</p>
    7. <ul class="description">
    8. <li>Designed interfaces and developed XHTML, CSS and graphics for main corporate site, international sites, marketing newsletters, corporate blog, corporate intranet and user conference site</li>
    9. </ul>
    10. </div>
    11. </div>

    此外,包含模式还允许使用<object><object>比链接要更加具有语义信息,不过他会造成显示问题。

    例如,在Safari中:
    Display of include object in Safari

    Chrome也会有类似问题:
    Display of include object in Chrome

    Opera不会显示滚动条,但是会显示一大片空白区域:
    Display of include object in Opera

    IE6和IE7也显示一些东西(不知道具体是什么东西):
    Display of include object in IE

    由于这些显示问题,目前还是推荐使用链接方式,不过同样有问题。其实算不上问题,只是需要记住:链接内部必须有指定内容,以便无障碍访问的屏幕发声程序有东西可以读取。

    日期时间设计模式

    对于每个工作“事件”,我都使用了推荐的hCalendar方式描述。这意味着我要使用对开始和结束的时间使用日期时间设计模式:

    <p><abbr class=”dtstart” title=”1999-11-01″>November 1999</abbr> – <abbr class=”dtend” title=”2004-01-01″>January 2004</abbr></p>

    这个模式要求被包含在<abbr>元素中,该元素使用title属性值来定义“机器可读”的时间格式,而通过包含的内容来指定人类可读的时间格式。在title中包含的日期时间格式需要遵循ISO 8601格式要求。

    可选属性:education

    可选属性education表明教育“事件”,比如本科教育education也可以使用多次。并且同experience相似,规范要求每个education“事件”都使用hCalendar格式描述。虽然规范中没有要求,我还是为大学或学院添加了hCard信息描述:

    1. <div class=”vcalendar”>
    2. <div class=" education vevent vcard“>
    3. <h4 class=”summary”>Web Design & Development Certification</h4>
    4. <p class=”org fn”><a href=”http://www.gwu.edu/index.cfm” class=”url” title=”Link opens off this site”>George Washington University</a>, Center for Professional Development</p>
    5. <p><abbr class=”dtstart” title=”2001-09-01″>September 2001</abbr>–<abbr class=”dtend” title=”2003-06-01″>June 2003</abbr></p>
    6. <p>GPA 3.8</p>
    7. </div>
    8. </div>

    我没有使用什么

    hResume还支持affiliation和发表作品信息。我没有实现他们因为同我关系不太大。

    可选属性:affiliation

    可选属性affiliation表明个人属于/有关系的机构组织affiliation可以被使用多次。规范要求其中的组织要使用hCard来描述:

    1. <ul>
    2. <li class="affliation vcard“><span class=”fn org”>Association for Accounting Marketing</span></li>
    3. <li class="affliation vcard“><span class=”fn org”>NM Adobe Users Group</span></li>
    4. </ul>
    发表作品

    hResume没有特定的属性用来描述发表信息,不过,规范推荐使用<cite>来表明个人发表过的作品信息

    <cite>“Choosing the Best Managed Care Plan”</cite>, New OD, September 1998

    工具

    上面基本涵盖了hResume的全部,我们看看如何能够使工作容易一些。有一些工具可以帮助实现hResume:

    • hResume生成器通过提交信息自动生成hResume
    • hResume项目为Word Press构建了hResume插件
    • Emurse提供一些生成hResume的模板
    • LinkedIn为他900万公共个人信息提供hResume描述
    • CV Antix是一个基于网络应用的简历生成器
    • Resolio生成基于hResume格式的简历

    其他工具

    • 有一个Word Press的LinkedIn hResume插件可以从LinkedIn资料中提取hResume数据
    • Brian Suda构建了一个beta版本的hResume到简历XML转化的工具
    • Optimus 微格式转换器提供从hResume到JSON,XML或者RSS格式的转换

    好处

    对于我来说,当有人问我为什么要使用微格式?我都会回答“为什么不呢”,标准、语义和微格式对于我来说都是最美妙的东西。

    就这么多了?

    上面就是对于hResume的描述。但是并不是这个系列的结束。还有一篇文章我计划用来讨论一些在写作这个系列的过程中学到的事情。还计划讨论一下“微格式同RDF”之间的争论。

    凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

    分享到: 更多

    Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

    地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

    电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

    《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号