Html for Snail Mail Adressen

Question

Was denkst du, ist der beste Weg, um eine Postadresse zu markieren? 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 auch das vorherige Beispiel sah ein Adress-Tag anstelle eines 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änke dich nicht auf meine Beispiele.

Ich denke, der erste ist die beste Option, da es zusätzlichen Kontext für jedes Element bietet. Ich fühle auch, dass das Br in diesem Fall Teil des Inhalts ist.

Answer 1

Verwenden Sie das adr Mikroformat:

http://microformats.org/wiki/adr

Wenn Sie auch die Personennamen markieren wollen hCard verwenden:

http://microformats.org/wiki/hcard

Welche adr enthält.

Answer 2

Wie wäre es mit dem Tag <address>?

Edit:

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

Vom HTML 4.1 Specification ...

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

Also, wenn es Ihre Adresse Sie anzuzeigen, verwenden Sie diese. Andernfalls verwenden Sie singpolyma vorgeschlagen.

Answer 3

Es klingt, als ob Sie etwas für ein automatisiertes System suchen, um die Daten aufnehmen zu können. Und ich stimme zu, dass die erste Lösung viel besser ist. Es stellt sicher, dass den Daten eine Bedeutung zugewiesen wird. Auch gewährleistet, dass Sie Felder hinzufügen können Sie nicht von später dachten, wie Adresszeile 2.

Answer 4

Die erste ist Beispiel verwendet http://microformats.org/wiki/adr, die ideal wäre, da es ein ziemlich gut akzeptierter Standard für die Indizierung ist.

Answer 5

Mit <br> s ist definitiv richtiger als <p> s; für die Klassennamen folge ich singpolyma.

Answer 6

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. Da für jede Zeile der Adresse eine Klasse angegeben werden muss, die abhängig von den verwendeten Markups optional ist. Sie können die gesamte Adresse einfach mit der Klasse 'address' formatieren oder die ID der ungeordneten Liste verwenden.

Answer 7

Sieht aus wie Microdata ist der empfohlene Standard von heute.

Hier ist ein Tipp von Google zur Erstellung von Rich Snippets für Organisationen in den Suchergebnissen: Rich snippets - Organizations. 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> 

Zusätzlich würde ich das <address> HTML-Element als Container für Adressdaten verwenden, anstatt nur ein generischen <span> (dh <address itemprop="address" ...> vs <span itemprop="address" ...>)