Html для адресов уличной почты

Question

Как вы думаете, лучший способ разметки почтового адреса улитки? Я нашел несколько различных опций, таких как:

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

Я также видел предыдущий пример, используя тег адреса вместо div. Другой вариант я нашел:

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

Так что мой вопрос, что вы думаете, это лучший разметки, чтобы выразить улитка почтовый адрес? И не ограничивай себя примерами.

Я чувствую, что первый из них является лучшим вариантом, поскольку он предоставляет дополнительный контекст для каждого элемента. Я также чувствую, что бр является частью контента в этом случае.

Answer 1

Используйте AdR микроформат:

http://microformats.org/wiki/adr

Если вы хотите пометить имена людей использовать hCard:

http://microformats.org/wiki/hcard

который включает в СОА.

Answer 2

Как насчет метки <address>?

Edit:

Оказывается, что commentors правильно, этот тег, как правило, используется для представления контактной информации от авторов страницы или формы.

От HTML 4.1 Specification ...

Элемент ADDRESS может быть использован авторами поставлять контактную информацию для документа или основной части документа, таких как форма. Этот элемент часто появляется в начале или конце документа .

Итак, если это ваш адрес, который вы показываете, используйте это. В противном случае используйте singpolyma.

Answer 3

Похоже, что вы ищете что-то для автоматизированной системы, чтобы получать данные. И я согласен с тем, что первое решение намного лучше. Это гарантирует, что значение передается данным. Кроме того, это гарантирует, что вы можете добавить поля, которые вы не думали позже, например адресной строке 2.

Answer 4

Первый пример - использование http://microformats.org/wiki/adr, которое было бы идеальным, так как это довольно хорошо принятый стандарт для индексирования.

Answer 5

Использование <br> s определенно верно, чем <p> s; для имен классов я следую singpolyma.

Answer 6

Лично я хотел бы использовать неупорядоченный список:

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

Это ограничивало бы унаследовать любые стили от страшных более comonly используются теги, которые вы использовали в вашем примере. Что касается того, чтобы дать класс каждой строке адреса, который был бы необязательным, в зависимости от использования разметки. Вы можете просто создать весь адрес с помощью класса «адрес» или с помощью идентификатора неупорядоченного списка.

Answer 7

Похоже, Microdata является рекомендуемым стандартом сегодня.

Вот совет от Google о том, как он создает «Rich Snippets» для организаций в результатах поиска: Rich snippets - Organizations. Похожий Microdata пример разметки:

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

Кроме того, я хотел бы использовать <address> HTML элемент в качестве контейнера для адресных деталей, а не только общего <span> (т.е. <address itemprop="address" ...> против <span itemprop="address" ...>)