0

我想在我的新网站上使用 h-card 微格式。

如何以正确的方式将 twitter、facebook 等社交媒体资料添加到我的 h-card 中？

对于电话号码，可以添加类型属性。像“细胞”、“家”或任何你想要的东西。

我也可以使用社交媒体资料进行此操作吗？喜欢：

<span class="u-url">
  <span class="type">Twitter</span>:
  <span class="value">http://twitter.com/blabla</span>
</span>

根据this page of the documentation，这应该是可能的。但是我发现的所有关于 h-card 或 hcard 的教程都只是添加了所有没有类型属性的社交媒体配置文件。所以我不确定什么是正确的方法。

4

1 回答 1

2

microformats wiki 上的microformats2站点上有一条注释：

注意：在 'tel' 中使用 'value' 应该由 value-class-pattern 的支持自动处理。现在，“tel”的“type”子属性被删除/忽略。如果有证据证明需要额外的电话类型（例如传真），我们可以根据需要引入新的平面属性（例如 p-gel-fax）。

这意味着 mf2 规范尚不​​支持 value-class-pattern，但您可以尝试使用供应商前缀并使用例如u-x-twitter u-url代替u-url.

例如：

<div class="h-card"><a href="http://twitter.com/blabla" class="u-x-twitter u-url">Twitter</a></div>

将被解释为：

{
    "items": [
        {
            "type": [
                "h-card"
            ],
            "properties": {
                "x-twitter": [
                    "http:\/\/twitter.com\/blabla"
                ],
                "url": [
                    "http:\/\/twitter.com\/blabla"
                ],
                "name": [
                    "Twitter"
                ]
            }
        }
    ],
    "rels": {}
}

顺便说一句：您可以在这里尝试/验证您的代码：http: //pin13.net

于 2014-12-09T15:18:28.487 回答