正确的问题是:“什么标记最能描述我的内容?”
让我们从<b>
标签(即not已弃用):
b 元素表示要在风格上偏移的文本范围
来自普通散文,没有传达任何额外的重要性,例如
文档摘要中的关键词、评论中的产品名称或其他
其典型排版呈现方式为粗体的文本跨度。
...
如果有更具描述性和意义的内容,则不应使用 b 和 i 标签
相关标签可用。如果您确实使用它们,通常最好
添加描述标记的预期含义的类属性,
以便您可以区分一种用途和另一种用途。
...
将 b 或 i 元素视为本质上的 span 元素可能会有所帮助
具有自动后备样式。就像 span 元素一样,这些
如果元素有用的话,通常会受益于类名。
http://www.w3.org/International/questions/qa-b-and-i-tags http://www.w3.org/International/questions/qa-b-and-i-tags
通过对比,<strong>
有一个更具体的目的:
强元素代表一段具有很强重要性的文本。
http://www.w3.org/TR/html-markup/strong.html http://www.w3.org/TR/html-markup/strong.html
例如:
<p><strong>Warning.</strong> Here be dragons.</p>
Here we emphasize the word "warning" to stress its importance.
But not:
<p><strong>Item 1:</strong> Foo, bar, and baz.</p>
"Item 1" isn't meant to be stressed, so <strong>
is the wrong tag. Furthermore, it's possible that the whole structure could be better represented.
如果文本的含义非常重要,<strong>
是合适的(就像这一行一样)。
也许您只是出于样式目的想要使用较粗的字体,并且文本没有特殊含义。在这种情况下,既不<strong>
nor <b>
可能是合适的。
<span class="product-name">Hello World</span>
.product-name { font-weight: bold; }
在所有情况下:
- 使用描述内容的标记。
- 不要使用内联样式(使用外部样式表)。
- 不要根据样式的视觉表现来命名样式(例如,将样式命名为“粗体”是一个糟糕的选择)
Would <b>
更好,因为如果有人关闭了 css
浏览器,它仍然可以正确显示吗?
不。请为作业使用正确的标记。对于使用站点的视觉表示形式的人来说,自愿禁用样式表是相当不寻常的,但非视觉消费者主要关心文档的结构。 “非视觉消费者”可以是解析您的内容的搜索引擎或屏幕阅读器应用程序。
补充阅读:
- http://www.w3.org/TR/html51/text-level-semantics.html#the-strong-element http://www.w3.org/TR/html51/text-level-semantics.html#the-strong-element
- http://www.w3.org/TR/html51/text-level-semantics.html#the-b-element http://www.w3.org/TR/html51/text-level-semantics.html#the-b-element