網(wǎng)頁(yè)簡(jiǎn)歷結(jié)構(gòu)和語(yǔ)義信息 hResume微格式

發(fā)布時(shí)間：2010-01-01 18:18:39 作者：佚名

現(xiàn)在，我們來(lái)討論hResume微格式，他通常被用來(lái)為網(wǎng)頁(yè)內(nèi)容中的簡(jiǎn)歷添加結(jié)構(gòu)和語(yǔ)義信息。

在兩個(gè)月前開(kāi)始了這個(gè)系列。我希望能夠通過(guò)講述我如何實(shí)現(xiàn)他們的細(xì)節(jié)來(lái)傳播我對(duì)微格式的熱愛(ài)，鼓勵(lì)更多的人來(lái)支持他。到現(xiàn)在為止，我們已經(jīng)討論了：
基于鏈接關(guān)系的微格式:使用rel屬性
為網(wǎng)頁(yè)添加hCard微格式
非?？岬奈⒏袷剑篨FN規(guī)范
為網(wǎng)頁(yè)內(nèi)容添加結(jié)構(gòu)和語(yǔ)義的hAtom微格式

現(xiàn)在，我們來(lái)討論hResume微格式，他通常被用來(lái)為網(wǎng)頁(yè)內(nèi)容中的簡(jiǎn)歷添加結(jié)構(gòu)和語(yǔ)義信息。

hResume背景

在我們?cè)敿?xì)討論hResume之前，先來(lái)了解一些背景知識(shí)。

提案規(guī)范

hResume是一個(gè)處于提案狀態(tài)的微格式。這是什么意思呢？意味著在成為正式提案之前還會(huì)有很多變化，雖然說(shuō)最終一定會(huì)通過(guò)。這會(huì)不會(huì)有很大影響？可能對(duì)您來(lái)說(shuō)，但是對(duì)我來(lái)說(shuō)影響不大。我非常接受的一點(diǎn)就是現(xiàn)在所有的互聯(lián)網(wǎng)技術(shù)都是日新月異的，這是互聯(lián)網(wǎng)的特性。

微格式最好的地方

hResume屬于簡(jiǎn)單的微格式之一，只有八個(gè)屬性。同時(shí)，hResume還是一個(gè)很復(fù)雜的微格式；他利用另外三個(gè)微格式：rel-tag，hCard 和 hCalendar。在很多方面上看，這也呈現(xiàn)出微格式最強(qiáng)大的特點(diǎn)：他們使用已有的標(biāo)準(zhǔn)。

最不好的地方

hResume如何利用hCard和hCalendar對(duì)于我來(lái)說(shuō)，很多時(shí)候都非常讓人困惑和有挫敗感。也許是因?yàn)樗€處于提案狀態(tài)，在最后通過(guò)的時(shí)候希望這些問(wèn)題都能夠被解決。不過(guò)，也可能是因?yàn)槲覜](méi)有想好如何把hCard和hCalendar信息更好的同我的簡(jiǎn)歷融合在一起。不過(guò)不管是什么原因，從我的角度來(lái)說(shuō)，hResume在某種程度上顯示了微格式很不好的地方。并不是只有在使用hResume的時(shí)候才有問(wèn)題。所有的微格式都缺少容易理解的信息和很好的文檔。我想這讓推動(dòng)微格式很苦惱。

因?yàn)閔Resume還是提案階段，所以很難期望有很多人分享這方面的信息和資源。但是微格式的Wiki上還是提供了很詳細(xì)的定義。因?yàn)榱硗獾馁Y源非常少，所以才使得實(shí)現(xiàn)這個(gè)微格式非常的痛苦和挫敗。不過(guò)這也是我為什么寫(xiě)這些關(guān)于微格式的博客文章，我也希望能夠有越來(lái)越多的文章出現(xiàn)，越來(lái)越多的人談?wù)撍?，就?huì)有越來(lái)越多更好的資源和信息。

歷史

hResume的歷史非常簡(jiǎn)單。不像hCard、hCalendar和hAtom，在他之前沒(méi)有類(lèi)似的技術(shù)手段。不過(guò)，他還是建立在對(duì)現(xiàn)有簡(jiǎn)歷格式的研究基礎(chǔ)上，例如HR-XML和Europass。

基礎(chǔ)知識(shí)

跟所有微格式一樣，他也有一些規(guī)則這里還要說(shuō)明：

屬性和子屬性通過(guò)class代碼聲明。這些代碼定義了hResume微格式
屬性和子屬性名稱(chēng)大小寫(xiě)敏感
“根”屬性不能和其他子屬性組合在一起。因此，<p class="hresume contact"> 是無(wú)效的
包含微格式的標(biāo)記元素跟微格式之間沒(méi)有直接關(guān)系（建議使用有效并具有語(yǔ)義信息的標(biāo)記）

Profile

在實(shí)現(xiàn)hResume的頁(yè)面中，需要在<head>中聲明他的Profile：

前面提過(guò)，hResume利用hCard和hCalendar來(lái)描述信息，所以，如果您也實(shí)現(xiàn)了這兩個(gè)微格式，您還需要包含他們的Profile聲明。W3C允許多個(gè)Profile聲明（使用空格隔開(kāi)），所以可以同時(shí)包含三個(gè)Profile：

由于hCard和hCalendar屬于正式標(biāo)準(zhǔn)，所以，他們可以使用組合Profile URL來(lái)聲明，我推薦使用該聲明：

例子

同前面講過(guò)的微格式不同，我沒(méi)有在博客上實(shí)現(xiàn)hResume。因?yàn)檎媸钦也坏皆蛟谖业牟┛蜕戏艂€(gè)人簡(jiǎn)歷，而且我已經(jīng)在我的設(shè)計(jì)檔案中提供了hResume實(shí)現(xiàn)。下面的例子是從我我設(shè)計(jì)檔案中的簡(jiǎn)歷提取出來(lái)的。不過(guò)真實(shí)的信息是非常多的標(biāo)記元素和信息，所以我刪除了一些重復(fù)的信息，盡量保持簡(jiǎn)潔，此外還剔除了用來(lái)定義顯示風(fēng)格的class值。

如果需要的話，您可以去我的頁(yè)面中查看全文的代碼。

<div class=”hresume”>
<div class=”contact vcard”>
<img src="/images/personal/emilyLewis.jpg" width="150" height="203" class="photo" alt="Emily Lewis" />
<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>
<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>
<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>
<h3>Highlights of Qualifications</h3>
<ul class=”summary”>
<li>Web designer specializing in hand-coded semantic XHTML, cross-browser CSS, progressive enhancement accessibility and usability</li>
<li>Expert in the design of corporate web sites, intranets, email campaigns and e-commerce applications</li>
…
</ul>
<h3>Technical Expertise</h3>
<h4>Web Design & Development</h4>
<ul>
<li><a href="http://technorati.com/tag/xhtml" class=”skill” rel=”tag”>XHTML</a> — 9 yrs</li>
<li><a href="http://technorati.com/tag/css" class=”skill” rel=”tag” >CSS</a> — 9 yrs</li>
…
</ul>
…
<h3>Experience & Accomplishments</h3>
<div class="vcalendar">
<div class=”experience vevent vcard”>
<a class="include nonVisual" href="#emily-hcard-name"></a>
<h4 class="title summary">Web Designer</h4>
<p class="org fn">Pitney Bowes Business Insight</p>
<p><abbr class="dtstart" title="2004-12-01">December 2004</abbr> – present</p>
<ul class="description">
<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>
…
</ul>
</div>
…
</div>
<h3>Education</h3>
<div class="vcalendar">
<div class=”education vevent vcard”>
<h4 class="summary">Web Design & Development Certification</h4>
<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>
<p><abbr class="dtstart" title="2001-09-01">September 2001</abbr>–<abbr class="dtend" title="2003-06-01">June 2003</abbr></p>
<p>GPA 3.8</p>
</div>
</div>
…
</div>

根屬性：hresume

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

必要屬性：contact

hResume只有一個(gè)必須有的屬性，就是contact，用來(lái)表明簡(jiǎn)歷作者的姓名和聯(lián)系信息，而且只能使用一次。hResume要求其中的聯(lián)系信息為hCard格式：

<div class="contact vcard“>
<img src="/images/personal/emilyLewis.jpg" width="150" height="203" class=”photo” alt=”Emily Lewis” />
<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>
<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>
<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定義統(tǒng)一的身份

在上面的例子中，我在到網(wǎng)站的鏈接上使用了rel-me：

<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>

如同我們?cè)诘谝徊糠种杏懻摰模?font face="新宋體">rel="me"用來(lái)定義從關(guān)于某人的某個(gè)頁(yè)面到另一個(gè)頁(yè)面的超鏈接關(guān)系。

使用address的問(wèn)題

hResume規(guī)范中也建議使用<address>來(lái)描述個(gè)人聯(lián)系信息。根據(jù)W3C的描述，<address>元素為：

“… used by authors to supply contact information for a document or a major part of a document such as a form.（譯：作者用來(lái)為文檔或者文檔大部分內(nèi)容提供聯(lián)系信息）“

在簡(jiǎn)歷的例子中，<address>語(yǔ)義上是正確的，因?yàn)樗枋龅穆?lián)系信息是屬于簡(jiǎn)歷作者的。不過(guò)，您會(huì)注意到我在上面的例子中沒(méi)有使用<address>，這是因?yàn)?font face="新宋體"><address>不能包含塊級(jí)元素。當(dāng)然，我可以使用<span>來(lái)替換所有的<p>和<ul>，但是那會(huì)讓文檔失去很多語(yǔ)義信息和結(jié)構(gòu)，所以就沒(méi)有考慮<address>。

可選屬性：summary

可選屬性summary用來(lái)表明求職意向和勝任工作的簡(jiǎn)介。同樣，只能在hResume中使用一次。在我的簡(jiǎn)歷中，我沒(méi)有描述求職意向，但是卻提供了勝任工作的列表：

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

可選屬性：skill

可選屬性skill附加在內(nèi)容元素上，用來(lái)表明個(gè)人的特殊才能和技術(shù)。skill可以使用多次。規(guī)范要求技能的內(nèi)容需要包含在指定了class="skill"和rel="tag"的鏈接元素中：

<ul>
<li><a href="http://technorati.com/tag/xhtml" class=”skill” rel=”tag”>XHTML</a> — 9 yrs</li>
<li><a href="http://technorati.com/tag/css" class=”skill” rel=”tag”>CSS</a> — 9 yrs</li>
…
</ul>

瘋狂的鏈接

我按照規(guī)范要求的實(shí)現(xiàn)了skill屬性，但是我非常不喜歡這些鏈接。我不明白為什么規(guī)范需要屬性必須要被包含在鏈接之內(nèi)，為什么不能包含在內(nèi)容元素中？我并不能確認(rèn)這些鏈接帶來(lái)任何的價(jià)值，尤其是對(duì)于可能的雇主來(lái)說(shuō)。事實(shí)上，這會(huì)讓想了解我的人注意力分散。

標(biāo)簽空間似乎無(wú)關(guān)

另外一個(gè)問(wèn)題就是規(guī)范要求這些鏈接必須實(shí)現(xiàn)rel="tag"。在第一部分中，我們討論過(guò)，rel-tag表示鏈接的目的地址是一個(gè)標(biāo)簽地址。而且rel-tag需要在鏈接中使用標(biāo)簽內(nèi)容作為URL的最后一段。由于這些限定，我把所有的skill鏈接都指向了Technorati，因?yàn)樗峁┝藰?biāo)簽空間。

可是，這就讓這些鏈接更跟我的內(nèi)容無(wú)關(guān)了。如果我使用這些鏈接，我更希望他們能夠鏈接到能給出具體信息的地方，比如Wikipedia，但是他并沒(méi)有提供這些技能的條目。最后，我可能會(huì)把所有能指向wikipedia的鏈接都換成指向wikipedia，而內(nèi)容不存在的技能鏈接就只好刪掉?；蛘咧缓冒颜麄€(gè)skill部分都刪除，反正他是可選的。

可選屬性：experience

可選屬性experience用來(lái)表明個(gè)人的工作經(jīng)歷?？梢允褂枚啻巍Ｒ?guī)范要求每個(gè)工作經(jīng)歷都作為一個(gè)“事件”可以使用hCalendar來(lái)描述，并且把職務(wù)/角色的內(nèi)容寫(xiě)在hCard中：

<div class=”vcalendar”>
<div class="experience vevent vcard“>
<a class="include nonVisual" href="#emily-hcard-name"></a>
<h4 class="title summary“>Web Designer</h4>
<p class=”org”>Pitney Bowes Business Insight</p>
<p><abbr class=”dtstart” title=”2004-12-01″>December 2004</abbr> – present</p>
<ul class=”description”>
<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>
…
</ul>
</div>
…
</div>

包含模式：避免冗余

因?yàn)橐?guī)范要求為所有工作職務(wù)和角色指定hCard信息，而hCard需要fn屬性（人的格式化名字）這就意味著對(duì)于我簡(jiǎn)歷中每條experience，我需要列出我的名字信息。這真是沒(méi)有太大意思。

幸好，微格式的家伙們想出了辦法──包含模式，允許在頁(yè)面中使用已經(jīng)在某個(gè)地方定義好的數(shù)據(jù)。使用包含模式，我就可以在experience中包含我已經(jīng)在contact中定義好的fn信息了。首先，我需要為我的contact hCard fn值定義一個(gè)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>

然后，對(duì)應(yīng)所有的experience，我可以為鏈接<a>指定class="include"，而在鏈接的href值中指定到fn id：

<div class="vcalendar">
<div class="experience vevent vcard">
<a class=”include nonVisual” href=”#emily-hcard-name”>Emily Paige Lewis</a>
<h4 class="title">Web Designer</h4>
<p class="org fn">Pitney Bowes Business Insight</p>
<p><abbr class="dtstart" title="2004-12-01">December 2004</abbr> – present</p>
<ul class="description">
<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>
…
</ul>
</div>
…
</div>

此外，包含模式還允許使用<object>。<object>比鏈接要更加具有語(yǔ)義信息，不過(guò)他會(huì)造成顯示問(wèn)題。

例如，在Safari中：
Display of include object in Safari

Chrome也會(huì)有類(lèi)似問(wèn)題：
Display of include object in Chrome

Opera不會(huì)顯示滾動(dòng)條，但是會(huì)顯示一大片空白區(qū)域：
Display of include object in Opera

IE6和IE7也顯示一些東西（不知道具體是什么東西）：
Display of include object in IE

由于這些顯示問(wèn)題，目前還是推薦使用鏈接方式，不過(guò)同樣有問(wèn)題。其實(shí)算不上問(wèn)題，只是需要記住：鏈接內(nèi)部必須有指定內(nèi)容，以便無(wú)障礙訪問(wèn)的屏幕發(fā)聲程序有東西可以讀取。

日期時(shí)間設(shè)計(jì)模式

對(duì)于每個(gè)工作“事件”，我都使用了推薦的hCalendar方式描述。這意味著我要使用對(duì)開(kāi)始和結(jié)束的時(shí)間使用日期時(shí)間設(shè)計(jì)模式：

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

這個(gè)模式要求被包含在<abbr>元素中，該元素使用title屬性值來(lái)定義“機(jī)器可讀”的時(shí)間格式，而通過(guò)包含的內(nèi)容來(lái)指定人類(lèi)可讀的時(shí)間格式。在title中包含的日期時(shí)間格式需要遵循ISO 8601格式要求。

可選屬性：education

可選屬性education表明教育“事件”，比如本科教育。education也可以使用多次。并且同experience相似，規(guī)范要求每個(gè)education“事件”都使用hCalendar格式描述。雖然規(guī)范中沒(méi)有要求，我還是為大學(xué)或?qū)W院添加了hCard信息描述：

<div class=”vcalendar”>
<div class=" education vevent vcard“>
<h4 class=”summary”>Web Design & Development Certification</h4>
<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>
<p><abbr class=”dtstart” title=”2001-09-01″>September 2001</abbr>–<abbr class=”dtend” title=”2003-06-01″>June 2003</abbr></p>
<p>GPA 3.8</p>
</div>
</div>

我沒(méi)有使用什么

hResume還支持affiliation和發(fā)表作品信息。我沒(méi)有實(shí)現(xiàn)他們因?yàn)橥谊P(guān)系不太大。

可選屬性：affiliation

可選屬性affiliation表明個(gè)人屬于/有關(guān)系的機(jī)構(gòu)組織。affiliation可以被使用多次。規(guī)范要求其中的組織要使用hCard來(lái)描述：

<ul>
<li class="affliation vcard“><span class=”fn org”>Association for Accounting Marketing</span></li>
<li class="affliation vcard“><span class=”fn org”>NM Adobe Users Group</span></li>
</ul>

發(fā)表作品

hResume沒(méi)有特定的屬性用來(lái)描述發(fā)表信息，不過(guò)，規(guī)范推薦使用<cite>來(lái)表明個(gè)人發(fā)表過(guò)的作品信息：

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

工具

上面基本涵蓋了hResume的全部，我們看看如何能夠使工作容易一些。有一些工具可以幫助實(shí)現(xiàn)hResume：

hResume生成器通過(guò)提交信息自動(dòng)生成hResume
hResume項(xiàng)目為Word Press構(gòu)建了hResume插件
Emurse提供一些生成hResume的模板
LinkedIn為他900萬(wàn)公共個(gè)人信息提供hResume描述
CV Antix是一個(gè)基于網(wǎng)絡(luò)應(yīng)用的簡(jiǎn)歷生成器
Resolio生成基于hResume格式的簡(jiǎn)歷

其他工具

有一個(gè)Word Press的LinkedIn hResume插件可以從LinkedIn資料中提取hResume數(shù)據(jù)
Brian Suda構(gòu)建了一個(gè)beta版本的hResume到簡(jiǎn)歷XML轉(zhuǎn)化的工具
Optimus 微格式轉(zhuǎn)換器提供從hResume到JSON，XML或者RSS格式的轉(zhuǎn)換

好處

對(duì)于我來(lái)說(shuō)，當(dāng)有人問(wèn)我為什么要使用微格式？我都會(huì)回答“為什么不呢”，標(biāo)準(zhǔn)、語(yǔ)義和微格式對(duì)于我來(lái)說(shuō)都是最美妙的東西。

就這么多了？

上面就是對(duì)于hResume的描述。但是并不是這個(gè)系列的結(jié)束。還有一篇文章我計(jì)劃用來(lái)討論一些在寫(xiě)作這個(gè)系列的過(guò)程中學(xué)到的事情。還計(jì)劃討論一下“微格式同RDF”之間的爭(zhēng)論。

Tag：hResume 微格式

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片