我有一个要显示在网页上的地址,但它不是页面作者的地址。鉴于w3c 的建议,应如何将其编码为语义:
作者可以使用 ADDRESS 元素来提供文档或文档的主要部分(例如表格)的联系信息。此元素通常出现在文档的开头或结尾。
我有一个要显示在网页上的地址,但它不是页面作者的地址。鉴于w3c 的建议,应如何将其编码为语义:
作者可以使用 ADDRESS 元素来提供文档或文档的主要部分(例如表格)的联系信息。此元素通常出现在文档的开头或结尾。
您可以使用hCard 微格式来描述您的地址。微格式的优点是您可以在现有文档中使用它们来丰富它们。
这是一个源自Microformats wiki示例的示例:
<address class="vcard">
<span class="adr">
<span class="street-address">169 University Avenue</span>
<span class="locality">Palo Alto</span>,
<abbr class="region" title="California">CA</abbr>
<span class="postal-code">94301</span>
<span class="country-name">USA</span>
</span>
</address>
Gumbo 的答案是缺少一种成分。hcard/vcard需要有名称。
http://microformats.org/wiki/hcard#Property_List
此外,在这种情况下不应使用地址标签,因为它专门用于与显示它的页面的作者相关。
<div class="vcard">
<span class="fn">Tristan Ginger</span>
<span class="adr">
<span class="street-address">169 University Avenue</span>
<span class="locality">Palo Alto</span>,
<abbr class="region" title="California">CA</abbr>
<span class="postal-code">94301</span>
<span class="country-name">USA</span>
</span>
</div>
大多数希望在其网站上显示其地址的企业应使用以下内容:
<address class="vcard">
<span class="fn org">Tristan Ginger Inc</span>
<span class="adr">
<span class="street-address">69 University Avenue</span>
<span class="locality">Great Bookham</span>,
<span class="region">Surrey</span>
<span class="postal-code">KT22 9TQ</span>
<span class="country-name">UK</span>
</span>
</address>
您可以使用RDFa,例如:
<html
xmlns="http://www.w3.org/1999/xhtml"
xmlns:foaf="http://xmlns.com/foaf/0.1/"
xmlns:address="http://schemas.talis.com/2005/address/schema#"
xml:lang="fr" lang="fr"
>
<head>...</head>
<body>
<div typeof="foaf:Person" about="http://you.openid.com#me">
<span id="name" property="foaf:name">First Name, Last Name</span>
<address property="address:streetAddress">My Street, My City</address>
</div>
</body>
</html>
您可以为此使用 Schema.org 词汇表的PostalAddress项。它可以通过Microdata、RDFa或JSON-LD使用。
例如,使用 RDFa:
<div vocab="http://schema.org/" typeof="PostalAddress">
<span property="name">Google Inc.</span>
P.O. Box<span property="postOfficeBoxNumber">1234</span>
<span property="addressLocality">Mountain View</span>,
<span property="addressRegion">CA</span>
<span property="postalCode">94043</span>
<span property="addressCountry">United States</span>
</div>
AFAIK,这也应该有效,<address>
代替封闭<div>
:
<address vocab="http://schema.org/" typeof="PostalAddress">
<span property="name">Google Inc.</span>
P.O. Box<span property="postOfficeBoxNumber">1234</span>
<span property="addressLocality">Mountain View</span>,
<span property="addressRegion">CA</span>
<span property="postalCode">94043</span>
<span property="addressCountry">United States</span>
</address>