如何正确显示 vCard 或 vCal答案

【问题标题】：How to properly display a vCard or vCal如何正确显示 vCard 或 vCal
【发布时间】：2012-10-15 14:30:10
【问题描述】：

通过移动应用程序，我的用户可以将参考对象及其数据发送到我们的服务器。这要么是日历事件，要么是联系人。使用的格式是 vCal 或 vCard。

我想在我的网站上显示参考对象以及数据。理想情况下，悬停或单击时会显示 vCard / vCal 的图标，并可以保存它。这不必与 ajax 一起使用。我的网站使用 jquery，并且必须能够在 IE7 及更高版本中运行。

我在一系列技术（微格式等）中找到了很多示例（主要是简历或画廊类型的东西）。我正在寻找一个更简单的例子。

什么是一个好的插件或解决方案？

非常感谢。

【问题讨论】：

标签： php jquery vcf-vcard vcal

【解决方案1】：

您可以使用hCard microformat 标记您网站上的 vCard 数据，例如

<div class="vcard">
    <address class="adr author">
        <span class="type hide">work</span>
        <span class="fn">John Doe</span>
        <span class="role">Webdeveloper</span>
        <span class="street-address">Fooway 1</span>
        <span class="postal-code">1234 </span> <span class="locality">N.Y.</span>
        <span class="hide country-name">USA</span>
    </address>
    <div>
        <span class="tel">
            <span class="type">Tel</span>
            <span class="value">0800-1234567</span>
        </span>
        <span class="tel">
            <span class="type">Fax</span>
            <span class="value">0800-7654321</span>
        </span>
        <a class="email" href="mailto:jd@example.com">Mail Me</a>
        <span class="url">http://www.example.com</span>
    </div>
    <div class="hcard-export">
    <a href="http://h2vx.com/vcf/http://www.stb-rueter.de/">
        <img src="/images//icons/hcard.png" alt="hCard Microformat" />
        <span>Download vCard</span>
    </a>
</div>

然后添加一个链接以通过http://h2vx.com/vcf 进行转换。该服务将解析网站上任何 hCard 的 URL，将其转换为 vCard 并提供下载。

【讨论】：

@Jeroen 上面的结构或多或少是任意的。创建一个返回此 html 的函数很简单。只需将代码放入接受此人数据的函数中并在其中替换即可。
@Jeroes 你没有赞成/接受我的回答，所以我认为这对你没有帮助。您能否更新您的问题以指出您在寻找什么。谢谢。
是的，对不起。有更紧急的事情。我还没有完全审查你的链接。但我正在寻找一些东西（比如许多 jQuery 功能）增强 div 或包含 vCard 代码的类似东西。
@Jeroen 好吧，这不是 jQuery。它只是一个服务的链接。您使用 hCard 微格式标记联系人数据，然后告诉 h2vx 提取此 hCard 并将其转换为可下载的 vCard。