Question

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

如何以正确的方式将Twitter，Facebook等社交媒体资料添加到我的h卡？

对于电话号码，可以添加类型属性。喜欢＆＃39; cell＆＃39;，＆＃39; home＆＃39;或者你想要的任何东西。

当我使用社交媒体配置文件时也可以吗？像：

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

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

Answer 1

微格式维基上的microformats2网站上有一条说明：

注意：'tel'中'value'的使用应自动处理价值阶级模式的支持。而就目前而言，'类型' 删除/忽略'tel'的子属性。如果有可证明的话记录需要额外的电话类型（例如传真），我们可以介绍根据需要采用新的扁平材料（例如p-gel-fax）。

这意味着mf2规范尚不支持value-class-pattern，但您可以尝试使用vendor prefixes并使用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": {}
}

BTW：您可以在此处尝试/验证您的代码：http://pin13.net

h-card HTML微格式中的社交媒体配置文件

1 个答案: