hCards - Html

介绍

hCards是一种在HTML文档中使用的微格式(Microformats)，用于描述个人、组织或事件等。它基于XHTML，使用简单的HTML标记及class属性来标记出信息，并提供了标准的格式规范。

hCards主要用于在网页上显示联系人、地址、电话号码等信息，让搜索引擎和其他程序能够更好地解析和使用这些信息。它也可以用于描述组织结构、社交网络等信息。

使用

要在HTML中使用hCards，需要在相应的元素中添加class属性。以下是常用的hCard属性：

• fn：必需，表示名称
• adr：地址
• tel：电话
• url：网址
• email：电子邮件
• org：组织名称
• note：注释

以下是一段示例代码：

<div class="vcard">
  <div class="fn">John Doe</div>
  <div class="org">ACME Inc.</div>
  <div class="adr">
    <div class="street-address">123 Main St.</div>
    <span class="locality">Anytown</span>, 
    <span class="region">CA</span>
    <span class="postal-code">12345</span>
  </div>
  <div class="tel">(555) 555-5555</div>
  <div class="email">john.doe@example.com</div>
  <a class="url" href="http://www.example.com/">http://www.example.com/</a>
</div>

在此示例代码中，我们通过添加class属性将每个属性与相应的HTML元素关联。类名vcard指示整个结构是一个hCard。

解析

要解析hCards，可以使用标准的XHTML或XML解析器。也可以使用专门的hCard解析器，如hCard Parser。

以下是一段hCard的JSON表示：

{
  "type": ["h-card"],
  "properties": {
    "fn": ["John Doe"],
    "org": ["ACME Inc."],
    "adr": [{
      "type": ["work"],
      "properties": {
        "street-address": ["123 Main St."],
        "locality": ["Anytown"],
        "region": ["CA"],
        "postal-code": ["12345"]
      }
    }],
    "tel": ["(555) 555-5555"],
    "email": ["john.doe@example.com"],
    "url": ["http://www.example.com/"]
  }
}

总结

hCards提供了一种简单的方式在HTML中添加微格式，以便搜索引擎等程序更好地解析和使用网页信息。它们易于使用，并提供了标准的格式规范。