html 标签强大且正确的做事方式?

发布于 2024-12-11 13:56:17 字数 261 浏览 0 评论 0原文

采取下面的代码,

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

它将使链接变为粗体。

现在考虑下一个例子,它的作用完全相同,但从 SEO 和语义的角度来看,应该使用哪个?

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

Take the code below,

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

It will make the link bold.

Now consider this next example, does exactly the same thing, but which is the one to use from a SEO and semantic point of view?

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

七七 2024-12-18 13:56:17

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

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

There is nothing significant to choose between them.

You should only use these if you want a particular link to have stronger emphasis. If you just want bold links, then you should use a { font-weight: bold; } in your stylesheet.

分开我的手 2024-12-18 13:56:17

根据我的经验,仅将锚点包裹在文本周围,或者包裹在所需的最小标记周围,可以最大限度地减少浏览器错误。

我谨不同意昆汀的上述评论。 提供真正的语义值,而 font-weight:bold; 根据定义是视觉语义描述符。为了支持这一主张,这里提供了两者的 W3C 定义的链接以及各自的第一句话。

要了解 等元素的语义含义是如何经过深思熟虑的,请查看 的定义更改; 在 W3 文档中,了解 HTML5 中更改的元素:www.w3.org/TR/html5-diff/#changed-elements

In my experience, wrapping anchors around the text only, or else around the minimum markup required, minimizes browser bugs.

I respectfully disagree with Quentin's comment above. <strong> offers true semantic value, while font-weight: bold; is by definition a visual semantic descriptor. In support of this assertion, here are links to W3C definitions for both along with the first sentence from each.

To get a sense of how deliberate the semantic meanings of elements like <strong> are, look at the definition changes for <b> and <strong> in the W3 documentation for changed elements in HTML5: www.w3.org/TR/html5-diff/#changed-elements

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文