【问题标题】:What is the best method to code physical address in html?在html中编码物理地址的最佳方法是什么?
【发布时间】:2010-12-25 14:35:15
【问题描述】:

在 html 中编码物理地址的最佳方法是什么?以语义、可访问性和 SEO 方式

【问题讨论】:

    标签: html xhtml w3c web-standards


    【解决方案1】:

    使用微格式电子名片

    <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>
    

    可访问:√
    语义:我猜..
    SEO:√Google announces support for microformats

    更多示例请访问http://microformats.org/wiki/hcard-examples
    另请查看Oomph Microformats toolkit,它可以帮助您显示和使用微格式。

    【讨论】:

    • 我们需要为我的 CSS 文件中的所有类编写 css 吗?在电子名片中我可以在哪里输入公司名称?像这样格式化有什么好处?
    • 你不需要添加所有的类,只需要那些能帮助你以一种很好的方式显示它的类。
    • @Jitendra 没有。类不需要具有指定的样式。
    • 我想我会在不一般的时候去 id。
    • +1 到目前为止似乎是最好的答案,但我仍然有些困惑,在 vcard 中我可以在哪里输入公司名称?像这样格式化有什么好处?
    【解决方案2】:

    &lt;address&gt; 正是您要找的。​​p>

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

    【讨论】:

    • address 不是正是您想要的。 address 仅用于标记有关当前查看页面的联系信息(如 Apache 404 默认错误页面和“Apache X.X at ...”行。
    • W3C 规范:>作者可以使用 ADDRESS 元素来提供文档的联系信息。它不是“仅用于”。我认为最重要的部分是“提供联系信息”,这是您在提供地址时应该想要的。因此在这些情况下使用 address 在语义上看起来是正确的。
    • 来自 HTML 5 规范:“地址”元素不得用于表示任意地址(例如邮政地址),除非这些地址实际上是相关的联系信息。 dev.w3.org/html5/spec/Overview.html#the-address-element
    猜你喜欢
    • 1970-01-01
    • 2016-03-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多