快速业务通道

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

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-02-28
me contact"> 是无效的
  • 包含微格式的标记元素跟微格式之间没有直接关系(建议使用有效并具有语义信息的标记)
  • Profile

    在实现hResume的页面中,需要在<head>中声明他的Profile:

    <head profile=”http://microformats.org/wiki/hresume-profile/”>

    前面提过,hResume利用hCard和hCalendar来描述信息,所以,如果您也实现了这两个微格式,您还需要包含他们的Profile声明。W3C允许多个Profile声明(使用空格隔开),所以可以同时包含三个Profile:

    <head profile="http://microformats.org/wiki/hresume-profile/ http://purl.org/uF/hCard/1.0/ http://purl.org/uF/hCalendar/1.0/“>

    由于hCard和hCalendar属于正式标准,所以,他们可以使用组合Profile URL来声明,我推荐使用该声明:

    <head profile="http://microformats.org/wiki/hresume-profile/ http://purl.org/uF/2008/03/“>

    例子

    同前面讲过的微格式不同,我没有在博客上实现hResume。因为真是找不到原因在我的博客上放个人简历,而且我已经在我的设计档案中提供了hResume实现。下面的例子是从我我设计档案中的简历提取出来的。不过真实的信息是非常多的标记元素和信息,所以我删除了一些重复的信息,尽量保持简洁,此外还剔除了用来定义显示风格的class值。

    如果需要的话,您可以去我的页面中查看全文的代码。

    1. <div class=”hresume”>
    2. <div class=”contact vcard”>
    3. <img src="/images/personal/emilyLewis.jpg" width="150" height="203" class="photo" alt="Emily Lewis" />
    4. <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>
    5. <p class="adr"><span class="locality">Albuquerque</span>, <abbr class="region" title="New Mexico">NM<abbr> <span class="postal-code">87106</span> <abbr class="country-name" title="United States of Ame

    凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站: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号