题
我正在修改我的工作的员工目录,并补充 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>
我试图做的是修剪 hidden
最后一个 <td>
, ,抓住 organization-name
从业务 hCard
和 organization-unit
来自 <thead>
.
我几乎搜寻了 microformats.org 寻找一个我正在尝试的例子,但没有运气。我什至窥视了他们的几个“野外微型人物”列表,但是我在那里发现的几个网站都使用了多个员工列表,正在使用相同的网站 hidden
我在示例中使用的重复信息的方法。
我试图做的甚至可能做的事情吗?
解决方案
从语义的角度来看,试图避免重复是不正确的。尽可能详细(即使以复制代码的名义)是尽可能明确的最有效方法。您最好的选择是像您一样隐藏它。没有办法 - 根据HCARD规格 - 参考文献信息。
希望这能清除一切。
其他提示
我认为您应该分开东西。您公司的一张卡,每位员工的一张卡。
重复组织名称,每个员工卡上的组织单位根本不是问题。
您可以使用MicroFormat包括模式:
http://microformats.org/wiki/include-pattern
您要做的就是使用锚来引用父vcard,例如:
<span class="item"><a href="#vcard" class="include">Somename</a></span>
我没有找到有关Google支持包含模式的任何信息,但是Google正在解析我的页面,没有任何警告 http://www.google.com/webmasters/tools/richsnippets 我的页面在索引中似乎还可以。
不隶属于 StackOverflow