Html für Snail Mail-Adressen

Question

Was denken Sie ist der beste Weg, um eine Post-Adresse Markup? Ich fand einige verschiedene Optionen wie:

<div class="address">
<span class="name">Mr. Bob</span><br/>
<span class="street">45654 Bob Ln</span><br/>
<span class="city">Imaginery</span>,<span class="state">OH</span><br/>
<span class="postalCode">44321</span>
</div>

Ich sah auch das vorherige Beispiel einen Adress-Tag anstelle einem div verwenden. Eine weitere Option, die ich fand, war:

<div class="address">
  <p>Mr. Bob</p>
  <p>45654 Bob Ln</p>
  <p>Imaginery, OH</p>
  <p>44321</p>
</div> 

Also meine Frage ist, was denken Sie, die beste Markup ist eine Schnecke Mail-Adresse zum Ausdruck bringen? Und beschränken Sie sich nicht auf meine Beispiele.

Ich fühle mich der erste ist die beste Option, da es zusätzlichen Kontext zu jedem Element zur Verfügung stellt. Ich fühle mich auch die br Teil des Inhalts in diesem Fall ist.

Answer 1

Mit dem adr Mikroformat:

http://microformats.org/wiki/adr

Wenn Sie auch den Personennamen verwenden hCard markieren wollen:

http://microformats.org/wiki/hcard

Welche umfasst adr.

Answer 2

Wie wäre es die <address> Tag?

Edit:

Es scheint, die commentors korrekt sind, wird dieser Tag im Allgemeinen darstellen Kontaktinformationen von den Autoren einer Seite oder Form verwendet wird.

Von der HTML 4.1 Spezifikation .. .

  

Das ADDRESS-Element kann durch verwendet werden   Autoren Kontaktinformationen liefern   für ein Dokument oder in einem großen Teil eines   Dokument, wie beispielsweise eine Form. Dieses Element   erscheint oft am Anfang oder Ende   ein Dokument.

Also, wenn es Ihre adressieren Sie die Anzeige, verwenden Sie diese. Andernfalls verwenden, was singpolyma vorgeschlagen.

Answer 3

Mit <br>s ist auf jeden Fall mehr richtig als <p>s; für die Klassennamen folgen I singpolyma.

Answer 4

Das erste Beispiel wird unter Verwendung von http://microformats.org/wiki/adr die würde ideal sein, da es ein ziemlich gut akzeptierter Standard für die Indizierung ist.

Answer 5

Sieht aus wie Microdata ist der empfohlene Standard von heute.

Hier ein Tipp von Google auf dem Weg es "Rich Snippets" für Organisationen in den Suchergebnissen erstellt: Rich Snippets - Organisationen . Empfohlene Mikrodaten-Markup-Beispiel:

<div itemscope itemtype="http://data-vocabulary.org/Organization"> 
    <span itemprop="name">L’Amourita Pizza</span>
    Located at 
    <span itemprop="address" itemscope 
      itemtype="http://data-vocabulary.org/Address">
      <span itemprop="street-address">123 Main St</span>, 
      <span itemprop="locality">Albuquerque</span>, 
      <span itemprop="region">NM</span>.
    </span>
    Phone: <span itemprop="tel">206-555-1234</span>.
    <a href="http://www.example.com" itemprop="url">http://pizza.example.com</a>.
</div>

Außerdem würde ich die <address> HTML-Element als Container für Adressdaten statt nur eine generische <span> (dh <address itemprop="address" ...> vs <span itemprop="address" ...>)

Answer 6

Es klingt wie Sie für etwas suchen, für ein automatisiertes System in der Lage sein, die Daten zu holen. Und ich stimme, dass die erste Lösung ist viel besser. Es sorgt dafür, dass es zu den Daten zugewiesen Bedeutung hat. Auch gewährleistet, dass Sie Felder hinzufügen können Sie nicht gedacht später, wie Adresszeile 2.

Answer 7

Ich persönlich würde eine ungeordnete Liste verwenden:

<ul id="sender_address" class="address">
    <li class="address_as">Mr. Bob Smith</li>
    <li class="street">67 Some Street</li>
    <li class="post_town">Foo City"</li>
    <li class="postcode">X11 1XX</li>
</ul>

Dies würde begrenzen alle unwated Stile aus den mehr comonly verwendeten Tags erben, die Sie in Ihrem Beispiel verwendet haben. Was mit einer Klasse zu jeder Zeile der Adresse zu geben, die optional in Abhängigkeit von der Markups Verwendung wären. Man könnte die ganze Adresse mit der ‚Adresse‘ Klasse oder mit der ID der ungeordneten Liste einfach stylen.