html标签强大而正确的做事方式？

Question

采取以下代码，

<strong><a href="#">Link</a></strong>

它会使链接变粗。

现在考虑下一个例子，做同样的事情，但是从SEO和语义的角度来看是哪一个？

<a href="#"><strong>Link</strong></a>

Answer 1

他们之间没有什么重要的选择。

如果您希望特定链接更加强调，您应该只使用这些。如果您只想要粗体链接，那么您应该在样式表中使用a { font-weight: bold; }。

Answer 2

根据我的经验，仅在文本周围包装锚点，或者在所需的最小标记周围，最小化浏览器错误。

我尊重Quentin上面的评论。 <strong>提供真正的语义值，而font-weight: bold;根据定义是视觉语义描述符。为了支持这个断言，这里有两个W3C定义的链接以及每个的第一个句子。

• http://www.w3.org/TR/REC-CSS1/#font-weight

    

  'font-weight'属性选择字体的重量。

• http://www.w3.org/TR/html5/text-level-semantics.html#the-strong-element

    

  strong元素对其内容非常重要。

要了解像<strong>这样的元素的语义含义是多么刻意，请查看W3文档中针对HTML5中已更改元素的<b>和<strong>的定义更改： www.w3.org/TR/html5-diff/#changed-elements