Question

您认为标记蜗牛邮件地址的最佳方式是什么？我发现了一些不同的选项，例如：

<div class="address">
<span class="name">Mr. Bob</span><br/>
<span class="street">45654 Bob Ln</span><br/>
<span class="city">Imaginery</span>,<span class="state">OH</span><br/>
<span class="postalCode">44321</span>
</div>

我还看到了前一个使用地址标记而不是div的示例。我找到的另一个选择是：

<div class="address">
  <p>Mr. Bob</p>
  <p>45654 Bob Ln</p>
  <p>Imaginery, OH</p>
  <p>44321</p>
</div>

所以我的问题是你认为表达蜗牛邮件地址的最佳标记是什么？并且不要局限于我的例子。

我觉得第一个是最好的选择，因为它提供了关于每个元素的附加上下文。在这种情况下，我也觉得br是内容的一部分。

Answer 1

使用adr微格式：

http://microformats.org/wiki/adr

如果您还想标记人名，请使用hCard：

http://microformats.org/wiki/hcard

其中包括adr。

Answer 2

<address>代码怎么样？

修改

评论员似乎是正确的，此标记通常用于表示来自页面或表单作者的联系信息。

来自HTML 4.1 Specification ...

可以使用ADDRESS元素作者提供联系信息对于文件或主要部分表格等文件。这个元素经常出现在开头或结尾一份文件。

因此，如果您正在显示地址，请使用此地址。否则，请使用建议的 singpolyma 。

Answer 3

使用<br> s肯定比<p>更正确;对于类名，我遵循singpolyma。

Answer 4

第一个例子是使用http://microformats.org/wiki/adr这是理想的，因为它是一个相当公认的索引标准。

Answer 5

看起来Microdata是今天推荐的标准。

以下是Google为搜索结果中的组织创建“Rich Snippets”的方式提示：Rich snippets - Organizations。建议的微数据标记示例：

<div itemscope itemtype="http://data-vocabulary.org/Organization"> 
    <span itemprop="name">L’Amourita Pizza</span>
    Located at 
    <span itemprop="address" itemscope 
      itemtype="http://data-vocabulary.org/Address">
      <span itemprop="street-address">123 Main St</span>, 
      <span itemprop="locality">Albuquerque</span>, 
      <span itemprop="region">NM</span>.
    </span>
    Phone: <span itemprop="tel">206-555-1234</span>.
    <a href="http://www.example.com" itemprop="url">http://pizza.example.com</a>.
</div>

此外，我会将<address> HTML元素用作地址详细信息的容器，而不仅仅是通用<span>（即<address itemprop="address" ...> vs <span itemprop="address" ...>）

Answer 6

听起来你正在为自动化系统寻找能够获取数据的东西。我同意第一个解决方案要好得多。它确保分配给数据的含义。此外，它还可以确保您可以添加以后没有想到的字段，例如地址行2。

Answer 7

我个人会使用无序列表：

<ul id="sender_address" class="address">
    <li class="address_as">Mr. Bob Smith</li>
    <li class="street">67 Some Street</li>
    <li class="post_town">Foo City"</li>
    <li class="postcode">X11 1XX</li>
</ul>

这将限制从您在示例中使用的更常用的标记继承任何未打开的样式。至于必须为地址的每一行提供一个类，根据标记的使用，该行是可选的。您可以使用“地址”类或使用无序列表的ID来设置整个地址的样式。

用于蜗牛邮件地址的Html

7 个答案: