Ответ 1
Это немного отличается в HTML5, но основывается на той же концепции. См.:
- Примеры и информация о том, что вы хотите сделать @http://rachaelmoore.name/posts/design/html/html5-microdata-contact-info/
- Спектр @http://www.w3.org/TR/microdata/
Является ли Microformats vCard еще лучшим семантическим способом кодировать "контактную информацию" в HTML 5?
Являются ли микроформаты еще лучшим семантическим способом кодирования контактной информации на веб-странице?
Я задал этот вопрос почти 2 года назад и получил ответ, где Microformat было лучшим решением. Каков наилучший способ кодирования физического адреса в html?
Теперь сегодня в HTML 5, это лучший способ?
<div class="vcard">
<span class="fn">Gregory Peck</span>
<a class="org url" href="#" onclick="location.href='http://www.commerce.net/'; return false;">CommerceNet</a>
<div class="adr">
<span class="type">Work</span>:
<div class="street-address">169 University Avenue</div>
<span class="locality">Palo Alto</span>,
<abbr class="region" title="California">CA</abbr>
<span class="postal-code">94301</span>
<div class="country-name">USA</div>
</div>
<div class="tel">
<span class="type">Work</span> +1-650-289-4040
</div>
<div class="tel">
<span class="type">Fax</span> +1-650-289-4041
</div>
<div>Email:
<span class="email">[email protected]</span>
</div>
</div>
Ответы
Ответ 2
Вот форма преобразования, которую я использую, если это помогает. (Первые несколько сайтов я забыл тег html5 doc и потратил час, пытаясь выяснить, почему он не работает, элементы документа не распознаются, если тип документа неправильный, duh!)
<div itemscope itemtype="http://data-vocabulary.org/Organization">
<h2 itemprop="name">Heading2</h2>
TEXT text text
<div itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">
<span itemprop="street-address">12345 test way </span>,
<span itemprop="locality">Testville</span>,
<span itemprop="region">TS</span>
<span itemprop="postal-code">00000</span>
</div>
<span itemprop="geo" itemscope itemtype="http://www.data-vocabulary.org/Geo/" style="display:none"><!—Don’t display in UI-->
<span itemprop="latitude">11.1111 N</span>
<span itemprop="longitude">11.1111 W</span>
</span>
<p>Call us at:</p>
<span itemprop="tel">555-555-5555</span>
<div>
<a href="#" onclick="location.href='http://www.blahblahbla.com'; return false;" itemprop="url"> http://www.blahblahbla.com</a>
</div>
</div>
(Цитирование).