的<strong> <a> or </a> <a><strong>?</strong></a> </强>

Question

嵌套内联和锚标签时哪种方法最佳？

<strong><a href="">link</a></strong>或<a href=""><strong>link</strong></a>

令人惊讶的是，我没有在这里找到答案或谷歌搜索它。

Answer 1

没有正确的。

如果只是将整个<a>标记设置为粗体样式，请使用CSS并将<strong>标记保留在具有重要语义含义的位置。

<a>标签具有特定的含义，只是将它们全部加起来不会改变这种含义。

Answer 2

我对HTML 2标准的解释是 <a><strong></strong></a>是正确的：

  

5.7。短语标记

     

可以根据习惯用法标记短语   外观，或用作超链接锚点。

Answer 3

从SEO的角度来看，两者都不好，正确的形式是：

<a href="">in a relevant phrase a <strong>relevant</strong>link</a>

Answer 4

答案是，两者都很好，因为它们是内联元素。

但是，如果你想让整个锚的内容变粗，我会在外面;这更像是一个范围的东西 - 我明确表示我希望这个元素的任何孩子都是大胆的。

只有在我想加入链接的一部分时（例如，点击此处），我才会在链接中添加强标记。

Answer 5

存在差异，例如，如果样式表定义：

a {
    font-weight: normal;
}

如果您将<a>放在<strong>元素中，则链接不会是粗体，如果您将<strong>标记放在<a>内，它就会。在我看来，<strong>应位于<a>内。

编辑：请注意，我不建议任何人这样做，我只是指出有些情况下标签的顺序确实会产生明显的差异。正如Mihalis Bagos指出的那样;我认为如果整个链接都是粗体，最好省略<strong>标记。

Answer 6

在其他条件相同的情况下，<strong><a href="">link</a></strong>略胜一筹，因为最里面的标记用于链接，这有助于保持链接外观的一致性。有一天，有人可能想为强调文本设置颜色，即<strong>元素。简单的颜色分配不会影响强调链接的颜色，让链接颜色占优势 - 访问，未访问，悬停和活动链接等不同颜色的东西对可用性至关重要。

但如果你以相反的方式嵌套它们，你只需要在造型上更加小心。

Answer 7

这取决于您是否希望稍后使用javascript更改链接的内容。将强势放在a周围将确保新内容也显示得很强。