<a> 还是 <an>？答案

【问题标题】：<a> or <a>?<a> 还是 <an>？
【发布时间】：2012-01-19 07:38:36
【问题描述】：

嵌套内联和锚标记时，最佳做法是什么？

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

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

【问题讨论】：

我一直在使用 a 中的强项 - 不知道为什么除了这意味着我可以根据需要格式化部分链接。
您的问题是关于 SEO 还是 HTML？

标签： html tags nested

【解决方案1】：

没有一个是正确的。

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

<a> 标签具有特定含义，仅将它们全部加粗不会改变该含义。

【讨论】：

如果可以的话，我会给这个 +100。
并非总是如此；即使用屏幕阅读软件时；您可能希望引起对链接中关键短语的注意。否则，我同意。
这是我在您发布此答案之前实际所做的，因为情况就是这样。但有时你会想要强调并链接一个词或一组词，在这种情况下问题保持不变。
可能是链接的事物与强调某事物的可能性之间在语义上没有冲突——它们并不相互排斥。因此，两者都是正确的。作者并没有说他们使用 strong 的原因纯粹是为了美观，所以没有理由做出这样的假设——因此，我会说“两者都正确”而不是“都不正确”。
在这里完全同意@anotherdave。在这种情况下，说“没有一个是正确的”非常具有误导性，并表明您根本不允许像 OP 那样标记文本。

【解决方案2】：

我对@987654321@ 标准的解释是， <a></a> 是正确的：

5.7。短语标记

可以根据惯用语、排版来标记短语外观，或用作超链接锚点。

【讨论】：

这似乎是直接回答问题时最正确的答案。

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

但是，如果你想让整个锚的内容加粗，我会在外面；这更像是一个范围的事情 - 我明确表示我希望这个元素的任何子元素都是粗体。

例如，只有当我想放大链接的一部分（也许点击这里）时，我才会在链接中放置强标签。

【讨论】：

【解决方案5】：

这是有区别的，例如，如果您的样式表定义：

a {
    font-weight: normal;
}

如果您将<a> 放在 元素中，则链接将不会是粗体，如果您将 标签放在<a> 中，则会。在我看来 应该在<a> 里面。

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

【讨论】：

我同意，kzh，我只是指出，根据您的样式表，<a> 和  出现的顺序会有所不同。我不建议任何人使用我发布的代码。

【解决方案6】：

在其他条件相同的情况下，<a href="">link</a> 稍好一些，因为最里面的标记是链接，这有助于保持链接外观一致。有一天，有人可能想为强调强调的文本设置颜色，即为 元素。这样，简单的颜色分配就不会影响强调链接的颜色，让链接颜色占上风 - 诸如已访问、未访问、悬停和活动链接的不同颜色对于可用性至关重要。

但是如果你反过来嵌套它们，你只需要在样式上更加小心。

【讨论】：

【解决方案7】：

这取决于您以后是否要使用 javascript 更改链接的内容。将 strong 放在 a 周围将确保新内容也显示得很好。

【讨论】：

没有。  元素具有特定的语义含义。你不只是在你认为方便的地方使用它们。