语义标记：地址，em

Question

我正在撰写标记并对此部分表示怀疑：

这是我的标记：

    <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上更改了span。谢谢你的帮助。

Answer 1

我认为你正在以错误的方式使用<address>。根据您可以阅读的内容from the specs，获得代码的更好方法是将<address>作为父级。此外，<em>是specify stress emphasis，情况并非如此。所以你应该摆脱它。但是，如果您希望它的样式不同，则可以使用<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>

Answer 2

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

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