在HTML 5中,Microformats vCard仍然是编码“联系信息”的最佳语义方式吗?

时间:2011-04-17 06:06:51

标签: html css html5 semantic-markup

Microformats仍然是编写网页中联系信息的最佳语义方式吗?

enter image description here

我差不多2年前问了这个问题,得到的答案是Microformat是最好的解决方案。 What is the best method to code physical address in 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 个答案:

答案 0 :(得分:12)

在HTML5中有点不同,但建立在相同的概念上。见:

答案 1 :(得分:4)

以下是我正在使用的“转化”表单,如果有帮助的话。 (前几个网站我忘记了html5 doc标签,并花了一个小时试图找出它无法正常工作的原因,如果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>

Citation)。