5

您认为标记蜗牛邮件地址的最佳方法是什么?我发现了一些不同的选项,例如:

<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 是内容的一部分。

4

7 回答 7

17

使用 adr 微格式:

http://microformats.org/wiki/adr

如果您还想标记人名,请使用 hCard:

http://microformats.org/wiki/hcard

其中包括 adr。

于 2009-04-08T14:28:45.780 回答
6

<address>标签呢?

编辑:

看来评论者是正确的,此标签通常用于表示页面或表单作者的联系信息。

HTML 4.1 规范...

作者可以使用 ADDRESS 元素来提供文档或文档的主要部分(例如表格)的联系信息。此元素通常出现在文档的开头或结尾。

因此,如果您显示的是您的地址,请使用此地址。否则,请使用singpolyma建议的内容。

于 2009-04-08T14:26:50.903 回答
3

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

于 2009-04-09T09:01:01.583 回答
2

第一个是使用http://microformats.org/wiki/adr的示例,这将是理想的,因为它是一个相当广泛接受的索引标准。

于 2009-04-08T14:30:03.703 回答
2

看起来微数据是今天的推荐标准。

以下是 Google 关于在搜索结果中为组织创建“丰富片段”的方式的提示:丰富片段 - 组织。建议的微数据标记示例:

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

于 2013-05-01T21:30:31.623 回答
0

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

于 2009-04-08T14:27:58.653 回答
-2

我个人会使用无序列表:

<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 设置整个地址的样式。

于 2009-04-09T09:23:46.940 回答