Является ли микроформат vCard лучшим семантическим способом кодирования «контактной информации» в HTML 5? - PullRequest
Новая
       16

Является ли микроформат vCard лучшим семантическим способом кодирования «контактной информации» в HTML 5?

16 голосов
/ 17 апреля 2011

Микроформаты по-прежнему являются лучшим семантическим способом кодирования контактной информации на веб-странице?

enter image description here

Я задал этот вопрос почти 2 года назад и получил ответ, где Микроформат быллучшее решение. Каков наилучший метод для кодирования физического адреса в html?

Сегодня, в HTML 5, это по-прежнему лучший способ? 

<div class="vcard">
  <span class="fn">Gregory Peck</span>
  <a class="org url" href="http://www.commerce.net/">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">info@commerce.net</span>
  </div>
</div>

Ответы [ 2 ]

12 голосов
/ 17 апреля 2011

Это немного отличается в HTML5, но основывается на той же концепции. Смотри:

4 голосов
/ 13 апреля 2012

Вот форма «конверсии», которую я использую, если это помогает.(Первые пару сайтов я забыл тег html5 doc и потратил час, пытаясь выяснить, почему он не работает, элементы документа не распознаются, если тип документа неправильный, да!) 

<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="http://www.blahblahbla.com" itemprop="url"> http://www.blahblahbla.com</a>
    </div>
</div>

( Цитирование ).

...