在html中编码物理地址的最佳方法是什么? [英] What is the best method to code physical address in html?
本文介绍了在html中编码物理地址的最佳方法是什么?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在html中编码物理地址的最佳方法是什么?在语义,可访问和SEO方式中使用 Microformats vCard
$ b $解决方案
b
< div class =vcard>
< span class =fn> Gregory Peck< / span>
< a class =org urlhref =http://www.commerce.net/> CommerceNet< / a>
< div class =adr>
< span class =type>工作< / span>:
< div class =street-address> 169 University Avenue< / div>
< span class =locality> Palo Alto< / span> ;,
< abbr class =regiontitle =California> CA< / abbr>
< span class =postal-code> 94301< / span>
< div class =country-name> USA< / div>
< / div>
< div class =tel>
< span class =type>工作< / span> + 1-650-289-4040
< / div>
< div class =tel>
< span class =type>传真< / span> + 1-650-289-4041
< / div>
< div>电子邮件:
< span class =email> info@commerce.net< / span>
< / div>
< / div>
可访问:√
语义:我猜... ..
SEO :√ Google宣布支持微格式 http://microformats.org/wiki/hcard-examples
同时查看 Oomph Microformats工具包,可帮助您显示和使用微格式。
What is the best method to code physical address in html ? in Semantic, Accessible and SEO way
解决方案
Use a Microformats vCard
<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>
Accesible: √
Semantic: I guess..
SEO: √ Google announces support for microformats
More examples at http://microformats.org/wiki/hcard-examples
Also check out the Oomph Microformats toolkit that helps you displaying and consuming microformats.
这篇关于在html中编码物理地址的最佳方法是什么?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文