在HTML中编写物理地址的最佳方法是什么？

Question

什么是在HTML中以语义化、可访问和SEO友好的方式编写物理地址的最佳方法？

- Jitendra Vyas

Answer 1

使用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> [phone]
  </div>
  <div class="tel">
    <span class="type">Fax</span> [phone]
  </div>
  <div>Email: 
   <span class="email">[e-mail]</span>
  </div>
</div>

易于访问: √
语义化: 我猜是这样的..
SEO: √ Google宣布支持微格式

更多示例请查看http://microformats.org/wiki/hcard-examples
此外，请查看Oomph微格式工具包，可帮助您显示和使用微格式。

- Eduardo Molteni

---

我们需要为CSS文件中的所有类编写CSS吗？在vCard中，我可以放置公司名称在哪里？这样格式化的好处是什么？ - Jitendra Vyas

不需要指定风格来要求课程。 - deceze

我认为我会选择那些不是通用的ID。 - Orson

在任何元素中使用 fn 类来表示姓名，使用 org 类来表示公司。如果您要显示公司地址，可以将它们放在一起。 - Eduardo Molteni

提到的Oomph工具包有一个工具可以快速制作它们。 - Eduardo Molteni

Answer 2

<address> 正是你要找的东西。

http://www.w3.org/TR/html401/struct/global.html#h-7.5.6

- Boris Guéry

---

address并不完全符合您的需求。 address仅用于标记有关当前查看页面的联系信息（例如Apache 404默认错误页面和“Apache X.X at ...”行）。 - Boldewyn

W3C规范：> ADDRESS元素可供作者使用，为文档提供联系信息。它并不是“仅限于”这种情况。我认为最重要的部分是“提供联系信息”，这也是提供地址时应该希望的内容。因此，在这些情况下使用address看起来是语义上正确的。 - Boris Guéry

从HTML 5规范：´address´元素不应用于表示任意地址（例如邮政地址），除非这些地址实际上是相关联系信息。 http://dev.w3.org/html5/spec/Overview.html#the-address-element - Eduardo Molteni