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

Jit*_*yas 16 html css html5 semantic-markup

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

在此输入图像描述

我差不多2年前问了这个问题,得到了Microformat最好的解决方案.在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>
Run Code Online (Sandbox Code Playgroud)

Har*_*eep 12

它在HTML5中有点不同,但建立在相同的概念上.看到:

  • 请记住所有主要搜索引擎都投入的新http://www.schema.org.它仅使用HTML5微数据和新的词汇表,与http://www.microformats.org和http://www.data-vocabulary.org有一些相似之处,但也有所不同和更广泛.另请参阅http://ablognotlimited.com获取信息,http://rlmo.me/n7zNU0查看包含工具的书签(我现在不知道HTML5). (2认同)

小智 5

这是我正在使用的“转换”表格,如果有帮助的话。(前几个网站我忘记了 html5 文档标签,花了一个小时试图找出它不起作用的原因,如果文档类型错误,文档元素将无法识别,呃!)

\n\n
<div itemscope itemtype="http://data-vocabulary.org/Organization"> \n    <h2 itemprop="name">Heading2</h2>\n    TEXT text text\n\n    <div itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">\n        <span itemprop="street-address">12345 test way </span>, \n        <span itemprop="locality">Testville</span>, \n        <span itemprop="region">TS</span> \n        <span itemprop="postal-code">00000</span>\n    </div>\n    <span itemprop="geo" itemscope itemtype="http://www.data-vocabulary.org/Geo/" style="display:none"><!\xe2\x80\x94Don\xe2\x80\x99t display in UI-->\n        <span itemprop="latitude">11.1111 N</span>  \n        <span itemprop="longitude">11.1111 W</span>  \n    </span>  \n    <p>Call us at:</p> \n    <span itemprop="tel">555-555-5555</span>\n    <div>\n        <a href="http://www.blahblahbla.com" itemprop="url"> http://www.blahblahbla.com</a>\n    </div>\n</div>\n
Run Code Online (Sandbox Code Playgroud)\n\n

引文)。

\n