我正在修改我的工作的员工目录,将hCard数据添加到每个员工的列表中。
我还不能解决的一个问题是如何避免重复信息,比如organization-name和organization-unit。
下面是我的代码的精简示例:
<div id="hcard-business" class="vcard">
<div class="adr">
<div class="org fn"><a class="url" href="http://www.business.com/">Business</a></div>
<div class="street-address">123 Business Street</div>
<div>
<span class="locality">City</span>,
<abbr class="region" title="State">ST</abbr>,
<span class="postal-code">99999</span>,
<span class="country-name">USA</span></div>
</div>
</div>
</div>
<table class="contact">
<thead>
<tr><th colspan="4">Marketing Department</th></tr>
<tr class="head"><th>NAME</th><th>TITLE</th><th>PHONE</th><th>EMAIL</th></tr>
</thead>
<tbody>
<tr id="hcard-employee1" class="vcard odd">
<td class="fn">Employee Name</td>
<td class="title">Director</td>
<td class="tel">907-335-1243</td>
<td>
<a class="email" href="mailto:employee.name@business.com">employee.name@business.com</a>
<span class="org fn hidden">
<span class="organization-name">Business Name</span>,
<span class="organization-unit">Marketing</span>
</span>
</td>
</tr>
<tr id="hcard-employee2" class="vcard even">
<td class="fn">Employee Name</td>
<td class="title">Assistant</td>
<td class="tel">907-335-1243</td>
<td>
<a class="email" href="mailto:employee.name@business.com">employee.name@business.com</a>
<span class="org fn hidden">
<span class="organization-name">Business Name</span>,
<span class="organization-unit">Marketing</span>
</span>
</td>
</tr>
</tbody>
</table>我尝试做的是从最后一个<td>中裁剪hidden跨度,从业务的hCard中获取organization-name,从<thead>中获取organization-unit。
我在microformats.org上搜索了很多,寻找我正在尝试的例子,但没有成功。我甚至偷看了他们的几个“野外微格式”列表,但我在那里找到的少数几个包含多个员工列表的站点使用了与我在示例中使用的相同的hidden方法和重复的信息。
我想要做的事情有可能实现吗?
发布于 2010-10-09 09:25:13
从语义的角度来看,试图避免重复是不正确的。尽可能地冗长(即使是在重复代码的名义下)是尽可能明确的最有效的方法。你最好的选择就是把它隐藏起来。根据hCard规范,没有办法在文档的其他地方引用信息。
希望这能把事情说清楚。
发布于 2010-10-09 09:04:04
我觉得你们应该把事情分开。您的公司一张卡,每个员工一张卡。
在每个员工卡上重复组织机构名称和组织单位根本不是问题。
发布于 2012-05-20 13:50:18
您可以使用微格式包含模式:
http://microformats.org/wiki/include-pattern
您需要做的就是使用锚点引用父vcard,如下所示:
<span class="item"><a href="#vcard" class="include">Somename</a></span>我没有找到任何关于谷歌支持include模式的信息,但谷歌在http://www.google.com/webmasters/tools/richsnippets解析我的页面时没有任何警告,而且我的页面在索引中似乎没有问题。
https://stackoverflow.com/questions/3895256
复制相似问题