web-dev-qa-db-ja.com

HTMLで番地を表示する最も意味的な方法は何ですか？

ウェブページに表示されるアドレスがありますが、ページの作成者のアドレスではありません。 w3c勧告 の場合、これをセマンティックにコーディングする方法を教えてください。

ADDRESS要素は、作成者がドキュメントまたはフォームなどのドキュメントの主要部分の連絡先情報を提供するために使用できます。この要素は、多くの場合、ドキュメントの最初または最後に表示されます。

htmlw3csemantic-markupstreet-address
31
tomk

hCard Microformat を使用して住所を説明できます。 Microformatsの利点は、既存のドキュメントでMicroformatsを使用してそれらを充実させることができることです。

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>&nbsp;&nbsp;
    <span class="postal-code">94301</span>
    <span class="country-name">USA</span>
  </span>
</address>
21
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>
9
Tristanisginger

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>
4
Mathieu

これには、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>
0
sampablokuper