5 回答
正确的问题是:“什么标记最能描述我的内容?”
让我们从<b>
标签开始(不推荐使用):
b 元素表示在风格上从普通散文中偏移的一段文本,而不传达任何额外的重要性,例如文档摘要中的关键词、评论中的产品名称或其他典型的印刷表示为粗体的文本跨度。
...
如果有更具描述性和相关性的标签可用,则不应使用 b 和 i 标签。如果您确实使用它们,通常最好添加描述标记预期含义的类属性,以便您可以将一种用途与另一种用途区分开来。
...
将 b 或 i 元素视为本质上具有自动后备样式的 span 元素可能会有所帮助。就像 span 元素一样,如果这些元素有用的话,它们通常会受益于类名。
http://www.w3.org/International/questions/qa-b-and-i-tags
相比之下,<strong>
有一个更具体的目的:
strong 元素表示具有很强重要性的文本范围。
http://www.w3.org/TR/html-markup/strong.html
例如:
<p><strong>Warning.</strong> Here be dragons.</p>
这里我们强调“警告”这个词来强调它的重要性。
但不是:
<p><strong>Item 1:</strong> Foo, bar, and baz.</p>
“第 1 项”并不意味着强调,<strong>
错误的标签也是如此。此外,可以更好地表示整个结构。
如果文本的含义具有很强的重要性,<strong>
则适当(就像这行)。
也许您只是出于样式目的而想要较粗的字体,而文本没有特别的含义。在这种情况下,既不<strong>
合适,也<b>
不可能合适。
<span class="product-name">Hello World</span>
.product-name { font-weight: bold; }
在所有情况下:
- 使用描述内容的标记。
- 不要使用内联样式(使用外部样式表)。
- 不要根据视觉表现来命名样式(例如,将样式命名为“粗体”是一个糟糕的选择)
会
<b>
更好,因为如果有人在浏览器上关闭了 css,它仍然会正确显示吗?
否。为作业使用正确的标记。使用您网站的视觉表示来自愿禁用样式表的人是相当不寻常的,但非视觉消费者主要关心您的文档结构。“非视觉消费者”可能是解析您的内容的搜索引擎或屏幕阅读器应用程序。
补充阅读:
您应该使用<strong>
. 如果特定的文本组总是粗体,并且您出于任何原因不想(或不能)使用样式,则<b>
可以使用样式(在单独的工作表中)。但是,如果您已经将其他样式应用于同一元素,我只会走那条路。text-weight: bold
<strong>
如果代码仍然有效,这不是“重要的”。尽管它将符合当前标准,这将使代码具有更长的未来。
不同之处在于使用 CSS 将样式与内容分开。 <b>
是一种风格,仅此而已。并且它将标记与该样式紧密结合在一起。分隔允许您以其他方式强调标记,而不是始终使用粗体。
会更好,因为如果有人在浏览器上关闭了 css,它仍然会正确显示吗?
不,因为如果用户想要禁用样式,那么您的<b>
标签会破坏它,因为它会将样式与内容混合。
我发现 using<strong></strong>
是比使用<b>
或内联样式更好的方法。