网页页面简历构造和词义信息内容 hResume微文件格

日期:2021-03-13 类型:科技新闻 

关键词:怎么把小程序变成二维码,微信小程序怎么开通,微信小程序csdn,小程序开发,网络答题小程序

在两个月前刚开始了这个系列。我期待可以根据讲述我怎样完成她们的细节来散播我对微文件格式的喜爱,激励更多的人来适用他。到如今为止,大家早已探讨了:
根据连接关联的微文件格式:应用rel特性
为网页页面加上hCard微文件格式
十分酷的微文件格式:XFN标准
为网页页面內容加上构造和词义的hAtom微文件格式

如今,大家来探讨hResume微文件格式,他一般被用来为网页页面內容中的简历加上构造和词义信息内容。

hResume情况

在大家详尽探讨hResume以前,先来掌握1些情况专业知识。

提议标准

hResume是1个处在提议情况的微文件格式。这是甚么意思呢?代表着在变成宣布提议以前还会有许多转变,尽管说最后1定会根据。这会不容易有很大危害?将会对您来讲,可是对我来讲危害不大。我十分接纳的1点便是如今全部的互联网技术技术性全是飞速发展的,这是互联网技术的特点。

微文件格式最好是的地区

hResume属于简易的微文件格式之1,仅有8个特性。另外,hResume還是1个很繁杂的微文件格式;他运用此外3个微文件格式:rel-tag,hCard 和 hCalendar。在许多层面上看,这也展现出微文件格式最强劲的特性:她们应用已有的规范

最不太好的地区

hResume怎样运用hCard和hCalendar针对我来讲,许多情况下都十分令人疑惑和有挫败感。或许是由于他还处在提议情况,在最终根据的情况下期待这些难题都可以被处理。但是,也将会是由于我沒有想好怎样把hCard和hCalendar信息内容更好的同我的简历结合在1起。但是无论是甚么缘故,从我的角度来讲,hResume在某种水平上显示信息了微文件格式很不太好的地区。其实不是仅有在应用hResume的情况下才有难题。全部的微文件格式都缺乏非常容易了解的信息内容和很好的文本文档。我想这让促进微文件格式很苦恼。

由于hResume還是提议环节,因此很难期待有许多人共享这层面的信息内容和資源。可是微文件格式的Wiki上還是出示了很详尽的界定。由于此外的資源十分少,因此才使得完成这个微文件格式十分的痛楚和挫败。但是这也是我为何写这些有关微文件格式的blog文章内容,我也期待可以有愈来愈多的文章内容出現,愈来愈多的人讨论他,就会有愈来愈多更好的資源和信息内容。

历史时间

hResume的历史时间十分简易。不像hCard、hCalendar和hAtom,在他以前沒有相近的技术性方式。但是,他還是创建在对现有简历文件格式的科学研究基本上,比如HR-XMLEuropass

基本专业知识

跟全部微文件格式1样,他也是有1些标准这里还要表明:

  • 特性和子特性根据class编码申明。这些编码界定了hResume微文件格式
  • 特性和子特性名字尺寸写比较敏感
  • “根”特性不可以和别的子特性组成在1起。因而,<p class="hresume contact"> 是失效的
  • 包括微文件格式的标识元素跟微文件格式之间沒有立即关联(提议应用合理并具备词义信息内容的标识)

Profile

在完成hResume的网页页面中,必须在<head>中申明他的Profile:

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

前面提过,hResume运用hCard和hCalendar来叙述信息内容,因此,假如您也完成了这两个微文件格式,您还必须包括她们的Profile申明。W3C容许好几个Profile申明(应用空格分隔),因此能够另外包括3个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/“>

事例

同前面讲过的微文件格式不一样,我沒有在blog上完成hResume。由于简直找不到缘故在我的blog上放本人简历,并且我早已在我的设计方案档案中出示了hResume完成。下面的事例是从我我设计方案档案中的简历提取下来的。但是真正的信息内容是是非非常多的标识元素和信息内容,因此我删掉了1些反复的信息内容,尽可能维持简约,另外还剔除用来界定显示信息设计风格的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 America">USA</abbr></p>
  6. <ul>
  7. <li><a href="mailto:eplewis" class="email">eplewis[at]gmail[dot]com</a></li>
  8. <li><a href="http://www.emilylewisdesign.com/" class="url" rel="me">Design Portfolio</a></li>
  9. <li><a href="http://www.linkedin.com/in/emilyplewis/" rel="me">LinkedIn profile</a></li>
  10. </ul>
  11. </div>
  12. <h3>Highlights of Qualifications</h3>
  13. <ul class=”summary”>
  14. <li>Web designer specializing in hand-coded semantic XHTML, cross-browser CSS, progressive enhancement accessibility and usability</li>
  15. <li>Expert in the design of corporate web sites, intranets, email campaigns and e-commerce applications</li>
  16. </ul>
  17. <h3>Technical Expertise</h3>
  18. <h4>Web Design & Development</h4>
  19. <ul>
  20. <li><a href="http://technorati.com/tag/xhtml" class=”skill” rel=”tag”>XHTML</a> — 9 yrs</li>
  21. <li><a href="http://technorati.com/tag/css" class=”skill” rel=”tag” >CSS</a> — 9 yrs</li>
  22. </ul>
  23. <h3>Experience & Accomplishments</h3>
  24. <div class="vcalendar">
  25. <div class=”experience vevent vcard”>
  26. <a class="include nonVisual" href="#emily-hcard-name"></a>
  27. <h4 class="title summary">Web Designer</h4>
  28. <p class="org fn">Pitney Bowes Business Insight</p>
  29. <p><abbr class="dtstart" title="2004⑴2-01">December 2004</abbr> – present</p>
  30. <ul class="description">
  31. <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>
  32. </ul>
  33. </div>
  34. </div>
  35. <h3>Education</h3>
  36. <div class="vcalendar">
  37. <div class=”education vevent vcard”>
  38. <h4 class="summary">Web Design & Development Certification</h4>
  39. <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>
  40. <p><abbr class="dtstart" title="2001-09-01">September 2001</abbr>–<abbr class="dtend" title="2003-06-01">June 2003</abbr></p>
  41. <p>GPA 3.8</p>
  42. </div>
  43. </div>
  44. </div>
根特性:hresume

根特性是hresume,是务必要有的。全部的hResume信息内容都要包括在被特定class="hresume"的元素中:

<div class=”hresume”>

必要特性:contact

hResume仅有1个务必有的特性,便是contact,用来说明简历作者的名字和联络信息内容,并且只能应用1次。hResume规定在其中的联络信息内容为hCard文件格式:

  1. <div class="contact vcard“>
  2. <img src="/images/personal/emilyLewis.jpg" width="150" height="203" class=”photo” alt=”Emily Lewis” />
  3. <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>
  4. <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 America”>USA</abbr></p>
  5. <ul>
  6. <li><a href="mailto:eplewis" class=”email”>eplewis[at]gmail[dot]com</a></li>
  7. <li><a href="http://www.emilylewisdesign.com/" class=”url” rel=”me”>Design Portfolio</a></li>
  8. <li><a href="http://www.linkedin.com/in/emilyplewis/" rel="me">LinkedIn profile</a></li>
  9. </ul>
  10. </div>
rel-me界定统1的身份

在上面的事例中,我在到网站的连接上应用了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>

好似大家在第1一部分中探讨的,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次。在我的简历中,我沒有叙述应聘求职意愿,可是却出示了担任工作中的目录:

  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特性,可是我十分不喜爱这些连接。我不搞清楚为何标准必须特性务必要被包括在连接以内,为何不可以包括在內容元素中?我其实不能确定这些连接带来任何的使用价值,特别是针对将会的雇主来讲。客观事实上,这会让想掌握我的人留意力分散化。

标识室内空间好像不相干

此外1个难题便是标准规定这些连接务必完成rel="tag"。在第1一部分中,大家探讨过,rel-tag表明连接的目地详细地址是1个标识详细地址。并且rel-tag必须在连接中应用标识內容做为URL的最终1段。因为这些限制,我把全部的skill连接都指向了Technorati,由于他出示了标识室内空间。

但是,这就让这些连接更跟我的內容不相干了。假如我应用这些连接,我更期待她们可以连接到能得出实际信息内容的地区,例如Wikipedia,可是他并沒有出示这些专业技能的条目。最终,我将会会把全部能指向wikipedia的连接都换为指向wikipedia,而內容不存在的专业技能连接就只好删除。或只好把全部skill一部分都删掉,总之他是可选的。

可选特性:experience

可选特性experience用来说明本人的工作中亲身经历。可使用数次。标准规定每一个工作中亲身经历都做为1个“恶性事件”可使用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⑴2-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值界定1个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⑴2-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中:

Chrome也会有相近难题:

Opera不容易显示信息翻转条,可是会显示信息1大片空白地区:

IE6和IE7也显示信息1些物品(不知道道实际是甚么物品):

因为这些显示信息难题,现阶段還是强烈推荐应用连接方法,但是一样有难题。实际上算不上难题,只是必须记牢:连接內部务必有特定內容,便于无阻碍浏览的显示屏发声程序流程有物品能够载入。

时间時间设计方案方式

针对每一个工作中“恶性事件”,我都应用了强烈推荐的hCalendar方法叙述。这代表着我要应用对刚开始和完毕的時间应用时间時间设计方案方式

<p><abbr class=”dtstart” title=”1999⑴1-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的所有,大家看看怎样可以使工作中非常容易1些。有1些专用工具能够协助完成hResume:

  • hResume转化成器根据递交信息内容全自动转化成hResume
  • hResume新项目为Word Press搭建了hResume软件
  • Emurse出示1些转化成hResume的模版
  • LinkedIn为他900万公共性本人信息内容出示hResume叙述
  • CV Antix是1个根据互联网运用的简历转化成器
  • Resolio转化成根据hResume文件格式的简历

别的专用工具

  • 有1个Word Press的LinkedIn hResume软件能够从LinkedIn材料中提取hResume数据信息
  • Brian Suda搭建了1个beta版本号的hResume到简历XML转换的专用工具
  • Optimus 微文件格式变换器出示从hResume到JSON,XML或RSS文件格式的变换

益处

针对我来讲,当有人问我为何要应用微文件格式?我都会回应“为何不呢”,规范、词义和微文件格式针对我来讲全是最美好的物品。

就这么多了?

上面便是针对hResume的叙述。可是其实不是这个系列的完毕。也有1篇文章内容我方案用来探讨1些在创作这个系列的全过程初中到的事儿。还方案探讨1下“微文件格式同RDF”之间的争执。

上一篇:IE6,IE7下完成white 返回下一篇:没有了