Was ist die semantischste Art, eine Straßenadresse in HTML anzuzeigen?

StackOverflow https://stackoverflow.com/questions/2359440

Frage

Ich habe eine Adresse, die auf einer Webseite angezeigt wird, aber nicht die Adresse für den Autor der Seite. Wie sollte dies als semantisch angegeben werden W3C -Empfehlung von:

Das Adresselement kann von Autoren verwendet werden, um Kontaktinformationen für ein Dokument oder einen Hauptteil eines Dokuments wie ein Formular zu liefern. Dieses Element erscheint oft am Anfang oder am Ende eines Dokuments.

War es hilfreich?

Lösung

Sie könnten die verwenden HCard -Mikroformat um Ihre Adresse zu beschreiben. Der Vorteil von Mikroformaten besteht darin, dass Sie sie in Ihren vorhandenen Dokumenten verwenden können, um sie zu bereichern.

Hier ist ein Beispiel, das aus dem Beispiel aus dem abgeleitet ist Mikroformats 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>

Andere Tipps

Die Antwort von Gumbo fehlt die lebenswichtige Zutat. Eine HCARD/VCARD ist erforderlich einen Namen haben.

http://microformats.org/wiki/hcard#property_list

Auch das Adress -Tag sollte in diesem Fall nicht verwendet werden, da es speziell verwendet wird, um sich auf den Autor der Seite zu beziehen, auf dem sie angezeigt wird.

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

Die meisten Unternehmen, die ihre Adresse auf ihrer Website anzeigen möchten, sollten Folgendes verwenden:

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

Sie können verwenden RDFA, z.B:

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

Sie können das Schema.org -Vokabular verwenden Anschrift Artikel dafür. Es kann über verwendet werden Mikrodaten, RDFA, oder JSON-LD.

Zum Beispiel mit 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, das sollte auch gültig sein mit <address> anstelle der Einschließung <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>
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top