Bootstrap <address> 标签和项目范围项目类型
Bootstrap <address> tag and itemscope itemtype
我的目标是使用 bootstrap 在网页中显示邮政地址。包括微数据。
我考虑的基本选项是
<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>
是否提供任何额外功能(对于搜索引擎、SEO 等...)?
最好的方法是什么?
已编辑:在这种情况下,地址是指页面 author/owner 的联系信息。
HTML 标记和微数据标记是两个不同的世界。
微数据解析器 不关心是否使用 div
或 address
,他们必须以相同的方式处理它们。您只需要确保 (即 item 很容易,但是 string 与 datetime 与 absolute URL).
HTML 解析器 关心您使用的 HTML 元素,但不关心您的微数据标记。使用 address
而不是 div
表示该元素的内容表示联系信息(对于最近的 article
或 body
)。如何使用这些信息取决于消费者(搜索引擎、辅助工具、浏览器插件等)。
(当然,可能会有消费者同时考虑 HTML 和微数据,并推断出一些聪明的东西。)
最好的方式?首先让您的 HTML 正确(使用适合您目的的最具体的元素),然后将微数据属性添加到您的标记中(并且,如果需要,添加 div
/span
元素)。
流程看我的回答Markup for postal addresses(用RDFa代替Microdata,但思路是一样的)
我的目标是使用 bootstrap 在网页中显示邮政地址。包括微数据。
我考虑的基本选项是
<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>
是否提供任何额外功能(对于搜索引擎、SEO 等...)?
最好的方法是什么?
已编辑:在这种情况下,地址是指页面 author/owner 的联系信息。
HTML 标记和微数据标记是两个不同的世界。
微数据解析器 不关心是否使用 div
或 address
,他们必须以相同的方式处理它们。您只需要确保
HTML 解析器 关心您使用的 HTML 元素,但不关心您的微数据标记。使用 address
而不是 div
表示该元素的内容表示联系信息(对于最近的 article
或 body
)。如何使用这些信息取决于消费者(搜索引擎、辅助工具、浏览器插件等)。
(当然,可能会有消费者同时考虑 HTML 和微数据,并推断出一些聪明的东西。)
最好的方式?首先让您的 HTML 正确(使用适合您目的的最具体的元素),然后将微数据属性添加到您的标记中(并且,如果需要,添加 div
/span
元素)。
流程看我的回答Markup for postal addresses(用RDFa代替Microdata,但思路是一样的)