html 标签强大且正确的做事方式?
采取下面的代码,
<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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
他们之间没有什么重要的选择。
仅当您希望更加强调特定链接时才应使用这些。如果您只想要粗体链接,那么您应该使用
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.根据我的经验,仅将锚点包裹在文本周围,或者包裹在所需的最小标记周围,可以最大限度地减少浏览器错误。
我谨不同意昆汀的上述评论。
提供真正的语义值,而
font-weight:bold;
根据定义是视觉语义描述符。为了支持这一主张,这里提供了两者的 W3C 定义的链接以及各自的第一句话。http://www.w3.org/TR/REC-CSS1 /#字体粗细
<块引用>
“font-weight”属性选择字体的粗细。
http://www.w3. org/TR/html5/text-level-semantics.html#the-strong-element
<块引用>
strong
元素表示其内容非常重要。要了解
等元素的语义含义是如何经过深思熟虑的,请查看
和
的定义更改;
在 W3 文档中,了解 HTML5 中更改的元素:www.w3.org/TR/html5-diff/#changed-elementsIn 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, whilefont-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.http://www.w3.org/TR/REC-CSS1/#font-weight
http://www.w3.org/TR/html5/text-level-semantics.html#the-strong-element
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