您现在的位置是：网站首页> 编程资料编程资料

网页简历结构和语义信息 hResume微格式_CSS教程_CSS_网页制作_

2021-09-08 962人已围观

简介 现在，我们来讨论hResume微格式，他通常被用来为网页内容中的简历添加结构和语义信息。

在两个月前开始了这个系列。我希望能够通过讲述我如何实现他们的细节来传播我对微格式的热爱，鼓励更多的人来支持他。到现在为止，我们已经讨论了：
基于链接关系的微格式:使用rel属性
为网页添加hCard微格式
非常酷的微格式：XFN规范
为网页内容添加结构和语义的hAtom微格式

现在，我们来讨论hResume微格式，他通常被用来为网页内容中的简历添加结构和语义信息。

hResume背景

在我们详细讨论hResume之前，先来了解一些背景知识。

提案规范

hResume是一个处于提案状态的微格式。这是什么意思呢？意味着在成为正式提案之前还会有很多变化，虽然说最终一定会通过。这会不会有很大影响？可能对您来说，但是对我来说影响不大。我非常接受的一点就是现在所有的互联网技术都是日新月异的，这是互联网的特性。

微格式最好的地方

hResume属于简单的微格式之一，只有八个属性。同时，hResume还是一个很复杂的微格式；他利用另外三个微格式：rel-tag，hCard 和 hCalendar。在很多方面上看，这也呈现出微格式最强大的特点：他们使用已有的标准。

最不好的地方

hResume如何利用hCard和hCalendar对于我来说，很多时候都非常让人困惑和有挫败感。也许是因为他还处于提案状态，在最后通过的时候希望这些问题都能够被解决。不过，也可能是因为我没有想好如何把hCard和hCalendar信息更好的同我的简历融合在一起。不过不管是什么原因，从我的角度来说，hResume在某种程度上显示了微格式很不好的地方。并不是只有在使用hResume的时候才有问题。所有的微格式都缺少容易理解的信息和很好的文档。我想这让推动微格式很苦恼。

因为hResume还是提案阶段，所以很难期望有很多人分享这方面的信息和资源。但是微格式的Wiki上还是提供了很详细的定义。因为另外的资源非常少，所以才使得实现这个微格式非常的痛苦和挫败。不过这也是我为什么写这些关于微格式的博客文章，我也希望能够有越来越多的文章出现，越来越多的人谈论他，就会有越来越多更好的资源和信息。

历史

hResume的历史非常简单。不像hCard、hCalendar和hAtom，在他之前没有类似的技术手段。不过，他还是建立在对现有简历格式的研究基础上，例如HR-XML和Europass。

基础知识

跟所有微格式一样，他也有一些规则这里还要说明：

  • 属性和子属性通过class代码声明。这些代码定义了hResume微格式
  • 属性和子属性名称大小写敏感
  • “根”属性不能和其他子属性组合在一起。因此，

    是无效的

  • 包含微格式的标记元素跟微格式之间没有直接关系（建议使用有效并具有语义信息的标记）

Profile

在实现hResume的页面中，需要在中声明他的Profile：

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

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

设计档案中提供了hResume实现。下面的例子是从我我设计档案中的简历提取出来的。不过真实的信息是非常多的标记元素和信息，所以我删除了一些重复的信息，尽量保持简洁，此外还剔除了用来定义显示风格的class值。

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

  1. class=”hresume”>
  2. class=”contact vcard”>
  3. Emily Lewis

  4. EmilyPaigeLewis

  5. Albuquerque, NM87106USA

  • Highlights of Qualifications

    • class=”summary”>
    • Web designer specializing in hand-coded semantic XHTML, cross-browser CSS, progressive enhancement accessibility and usability
    • Expert in the design of corporate web sites, intranets, email campaigns and e-commerce applications
    • …

  • Technical Expertise

  • Web Design & Development

  • …

  • Experience & Accomplishments

  • class=”experience vevent vcard”>

  • Web Designer

  • Pitney Bowes Business Insight

  • December 2004 – present

    • Designed interfaces and developed XHTML, CSS and graphics for main corporate site, international sites, marketing newsletters, corporate blog, corporate intranet and user conference site
    • …
  • …

  • Education

  • class=”education vevent vcard”>

  • Web Design & Development Certification

  • George Washington University, Center for Professional Development

  • September 2001–June 2003

  • GPA 3.8

  • …
    • 根属性：hresume

    根属性是hresume，是必须要有的。所有的hResume信息都要包含在被指定class="hresume"的元素中：

    class=”hresume”>

    必要属性：contact

    hResume只有一个必须有的属性，就是contact，用来表明简历作者的姓名和联系信息，而且只能使用一次。hResume要求其中的联系信息为hCard格式：

    1. class=”photo” alt=”Emily Lewis” />

    2. class=”fn n” id=”emily-hcard-name”>class=”given-name”>Emilyclass=”additional-name”>Paigeclass=”family-name”>Lewis

    3. class=”adr”>class=”locality”>Albuquerque, class=”region” title=”New Mexico”>NMclass=”postal-code”>87106class=”country-name” title=”United States of America”>USA

    同rel-me定义统一的身份

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

    2. rel=”me”>Design Portfolio
    4. rel=”me”>LinkedIn profile

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

    使用address的问题

    hResume规范中也建议使用

    来描述个人联系信息。根据W3C的描述，
    元素为：

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

    在简历的例子中，

    语义上是正确的，因为他描述的联系信息是属于简历作者的。不过，您会注意到我在上面的例子中没有使用
    ，这是因为
    不能包含块级元素。当然，我可以使用来替换所有的

    和