我正在修改我的工作的员工目录,并补充 hCard 向每个员工列表的数据。

我无法弄清的问题是如何避免复制信息,例如 organization-nameorganization-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 从业务 hCardorganization-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 我的页面在索引中似乎还可以。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top