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

2020-05-14 07:25:24易采站长站整理
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>

包含模式:避免冗余

因为规范要求为所有工作职务和角色指定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:

<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>比链接要更加具有语义信息,不过他会造成显示问题。

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