css - 使用微格式的地址语义标记

Question

我一直在为我建立的网站上的地址标记阅读微格式，普遍的共识是像这样标记地址......

<h1 class=”org”&gt;Orpheum Theatre</h1>
Madison, WI
<div class=”address”&gt;
    <div class=”adr”&gt;
        <div class=”street-address”&gt;216 State St</div>,
        <span class=”locality”&gt;Madison</span>,
        <span class=”region”&gt;WI</span>
        <span class=”postal-code”&gt; 53703</span>
        <span class=”country”&gt;United States</span>
    </div>
</div> 

我想知道为什么 div/span 标签的混合和匹配？重要还是类标签唯一真正重要的事情？

谢谢

Answer 1

您可能想看看http://schema.org/。他们有一种不同的方法，主要搜索引擎都支持。还有各种测试工具的链接，以确保您获得正确的格式。

Answer 2

在该示例中，可能只是将 street-address 设置为块级元素，而不依赖任何 CSS 样式。

微格式只关心类名，它们可以附加到任何元素上。在地址示例中，您需要确保它们位于类的容器内adr

我发现这个验证器非常有用 - http://hcard.geekhood.net/#result

Answer 3

标记无关紧要，只有类名。大多数微格式示例都是用 div 和 spans 和 blagh 完成的。我更喜欢ul我的hcards。这简单。