36

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

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

4

4 に答える 4

23

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

Microformatswikiの例から派生した例を次に示します。

<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>
于 2010-03-01T22:15:36.727 に答える
11

ガンボの答えには材料が欠けています。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>
于 2014-05-30T15:45:53.847 に答える
4

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>
于 2010-03-01T22:18:27.347 に答える
1

これには、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>
于 2017-07-04T17:25:36.450 に答える