Bootstrap <address>标签和itemscope项目类型

时间:2016-04-27 12:11:41

标签: html html5 twitter-bootstrap semantic-markup microdata

我的目标是使用bootstrap在网页中显示邮政地址。包括Microdata。

我正在考虑的基本选项是

<div itemscope itemtype="schema.org/PostalAddress">
   <span itemprop="name">COMPANY NAME</span>
   <span itemprop="streetAddress">xxx</span>
   <!-- more itemprop here -->
</div>

...但是关于HTML5 / Bootstrap提供<address>标签,我想知道以下是否正确:

<address itemscope itemtype="schema.org/PostalAddress">
   <span itemprop="name">COMPANY NAME</span>
   <span itemprop="streetAddress">xxx</span>
   <!-- more itemprop here -->
</address>

使用<address>代替<div>是否会提供任何额外的功能(针对搜索引擎,搜索引擎优化,其他......)?

最好的方法是什么?

已编辑:在这种情况下,地址会引用页面作者/所有者的联系信息。

1 个答案:

答案 0 :(得分:1)

HTML标记和微数据标记是两个独立的世界。

微数据解析器并不关心使用divaddress,他们必须同样处理它们。您只需要确保use an element that produces the value type you need(即 item 很容易,但字符串 datetime 存在差异与绝对网址)。

HTML解析器关心您使用的HTML元素,但不关心您的微数据标记。使用address代替div表示该元素的内容代表联系信息(最近的articlebody)。这些信息的构成取决于消费者(搜索引擎,辅助功能工具,浏览器插件等)。

(当然,可能会有消费者同时考虑HTML和Microdata,并推断出一些聪明的东西。)

最佳方式?首先获取正确的HTML(使用适合您目的的最具体元素),然后将Microdata属性添加到标记中(如果需要,添加div / span元素)。

请参阅我的回答Markup for postal addresses了解该过程(它使用RDFa代替Microdata,但想法是一样的。)