如何hCard公司信息?

Posted

技术标签:

【中文标题】如何hCard公司信息?【英文标题】:How to hCard company information? 【发布时间】:2014-02-04 21:55:24 【问题描述】:

我想在语义上标记一些内容。内容是公司信息,可能有多个地址、多个电话号码、多个电子邮件地址。

我看到的 hCard 生成器似乎需要一个人的详细信息(例如名字、姓氏等)。

有没有办法只标记公司详细信息?如果有,怎么做?

另外,hCard 格式是否正确?

【问题讨论】:

【参考方案1】:

您可以使用大多数微格式属性的倍数,只要您注意父元素,因此在您的情况下,只要所有多个数据属性都是 .vcard 的子级而不是 .vcard 的子级,一切都很好。实际上是从他们在http://microformats.org 上的两个例子中把它放在一起的。给你:

  
<div id="contact" class="vcard">  
   <h2>Contact Me Yo!</h2>  
   <h3 class="fn">Jane Doe</h3>  
   <p>You can contact me via email to   
    <a class="email" href="mailto:jane@example.com">jane@example.com</a>,   
    or reach me at the following address:</p>  
   <div class="adr">  
     <span class="type">home</span> address:  
     <div class="street-address">123 Main Street</div>  
     <span class="locality">Any Town</span>, <span   class="region">CA</span>,   
     <span class="postal-code">91921-1234</span>  
   </div>  
   <div class="adr">  
     <span class="type">work</span> address:  
     <div class="street-address">789 Main Street</div>  
     <span class="locality">Any Town</span>, <span   class="region">CA</span>,   
     <span class="postal-code">91921-1234</span>  
   </div>  
</div>  

参考资料:http://microformats.org/wiki/hcard-faq#Can_you_have_multiple_value_elementshttp://microformats.org/wiki/hcard-faq#How_do_I_markup_multiple_addresses

hcard 格式是否正确? 100% 绝对...微格式是 html5 规范的一部分,它们是最广泛使用的语义网络技术,它们符合您的确切需求,并且它们(当前)被主要搜索引擎索引。微格式为您的文档添加了大多数人拒绝相信的级别,但您所要做的就是按照说明进行操作,并且您的标记中有一个预烘焙的 api。

也就是说,google/bing/yahoo!/yandex(?俄罗斯搜索引擎)都公开支持 schema.org,虽然他们支持微格式(多年来一直如此),但如果你认为他们是傻瓜不会给予他们使用方法的激励。我还不知道有任何完全是微格式与 schema.org 的,但我确信它们正在开发中。目前,imo,更多的是现在将所有内容与谷歌的 g+ 绑定,所以其他所有内容都处于次要地位。这只能说明我的观点......

很明显我有偏见,但这是我可以做到的最清晰和干燥的。实际上,我对每个客户都有相同的心理辩论,这使我处于对他们的标记狂奔的位置……我还没有崩溃并开始使用模式,但是,我已经准备好让他们随机 ping 我,谷歌是否应该神奇地停止收集微格式。

【讨论】:

(1) 微格式不是 HTML5 的一部分。 (2) schema.org 是一个词汇表,而不是一个句法。您可以将 schema.org 与 Microdata、RDFa、JSON-LD、……结合使用。 不。 (不幸的是,我无法链接到规范中不存在 的内容。因此,您应该提供支持您声明的链接。)WHATWG 的HTML Living Standard 指定Microdata(不是微格式!) . W3C 的 HTML5 没有指定微数据或微格式。 (Microdata 是 W3C 的单独规范。) 有趣的是我的评论是如何被删除的。您已经链接到它,如果您真正阅读了链接到的内容并遵循自己的建议,您会看到微数据将微格式作为其架构。此外,微格式是 html 类,简单明了。在 html5 删除 class 属性之前,它们都支持它们。你应该听从自己的建议。 (我猜它被删除了,因为你称我为“混蛋”。)这仍然没有使微格式成为 HTML5 规范的一部分(你提到的链接是关于微数据词汇的,它(重新)使用微格式配置文件 URI!)。正如您刚才所说,微格式(除其他外)是class 值,但那些values are not part of the HTML5 spec。当然,HTML5 中“支持”微格式,因为它们可以被有效使用。但这并不能使它们成为“html5 规范的一部分”。 "5.4 样本微数据词汇表 本节中的词汇表主要用于演示如何指定词汇表,尽管它们本身也可以使用。" whatwg.org/specs/web-apps/current-work/multipage/microdata.html【参考方案2】:

要添加公司信息,您只需在 hCard 的 fn 的同一级别添加 org

示例如下:

<div class="vcard">
 <a class="url fn org" href="http://compa.ny">Company Name</a>
</div>

或者您可以使用 Microdata/Schema.org 进行尝试,这将得到优秀搜索引擎提供商的更多支持:http://schema.org/Organization

【讨论】:

以上是关于如何hCard公司信息?的主要内容,如果未能解决你的问题,请参考以下文章

hCard 能理解编码吗?

hCard:将联系表列为电子邮件属性

hCard 属性元素必须是子元素还是子元素?

HTML hCard地址

HTML hcard(组织)

HTML hcard(适合人)