0

我正在写一个标记并对这部分有疑问：
主要联系人

这是我的标记：

    <ul class="primaryContacts">
        <li><address>Phone: <em class="headerPhone">1.800.corp</em></address></li>
        <li><address>Email: <em class="headerEmail">office@corpora.com</em></address></li>
        <li><address>Follow Us: <a href="#" class="headerRSS"></a><a href="#" class="headerTwitter"></a><a href="#" class="headerFacebook"></a></address></li>
    </ul>

我是否以正确的方式使用了标签address，em或者可能有更多的语义标签？也许还有其他错误..感谢大家的帮助。
[编辑]：
根据我写的答案：

        <ul class="primaryContacts">
            <li>Phone: <span class="headerPhone">1.800.corp</span></li>
            <li>Email: <span class="headerEmail">office@corpora.com</span></li>
            <li>Follow Us: <a href="#" class="headerRSS"></a><a href="#" class="headerTwitter"></a><a href="#" class="headerFacebook"></a></li>
        </ul>

这个联系信息真的不是我的，据我所知address，这里没有任何关系。我也改变了em's on span's。感谢帮助。

4

2 回答 2

1

我认为你使用<address>错误的方式。根据您可以从规范中读取的内容，拥有代码的更好方法是将其<address>作为父级。此外，这<em>是指定强调重点，但事实并非如此。所以你应该摆脱它。但是，如果你想要它的样式不同，你可以使用一个<span>元素来让你的 CSS 挂钩：

<address>
  <ul class="primaryContacts">
   <li>Phone: <span class="headerPhone">1.800.corp</span></li>
   <li>Email: <span class="headerEmail">office@corpora.com</span></li>
   <li>Follow Us: <a href="#" class="headerRSS"></a><a href="#" class="headerTwitter"></a><a href="#" class="headerFacebook"></a></li>
  </ul>
</address>
于 2013-02-14T23:09:56.060 回答
1

该address元素被定义为提供有关文档作者的联系信息。这看起来不像这样的联系信息。然而，address除了某些浏览器中的一些默认样式（例如，斜体字体）之外，几乎没有任何软件以任何特定方式使用元素。

该em元素有多种解释，而 HTML5 草案使事情变得更加混乱。在实践中，这并不重要。使用em使字体默认为斜体。就是这样。有传言说搜索引擎会em在页面中赋予元素更大的相对权重。这在这里是否有用值得怀疑。

于 2013-02-14T23:10:46.887 回答