Question

通过移动应用，我的用户可以将带有数据的参考对象发送到我们的服务器。这是一个calander事件或联系人。使用的格式是vCal或vCard。

在我的网站上，我想显示参考对象和数据。想象一个图标，在悬停或点击时显示vCard / vCal，可以保存它。这不一定是ajax。我的网站使用jquery，必须能够在IE7及更高版本中工作。

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

这对于什么是好的插件或解决方案？

非常感谢。

Answer 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并提供以供下载。

如何正确显示vCard或vCal

1 个答案: