9
4

5 回答 5

20

正确的问题是:“什么标记最能描述我的内容?”

让我们从<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,它仍然会正确显示吗?

否。为作业使用正确的标记。使用您网站的视觉表示来自愿禁用样式表的人是相当不寻常的,但非视觉消费者主要关心您的文档结构。“非视觉消费者”可能是解析您的内容的搜索引擎或屏幕阅读器应用程序。

补充阅读:

于 2013-09-23T17:55:31.437 回答
5

您应该使用<strong>. 如果特定的文本组总是粗体,并且您出于任何原因不想(或不能)使用样式,则<b>可以使用样式(在单独的工作表中)。但是,如果您已经将其他样式应用于同一元素,我只会走那条路。text-weight: bold<strong>

于 2013-09-23T17:45:01.743 回答
4

如果代码仍然有效,这不是“重要的”。尽管它将符合当前标准,这将使代码具有更长的未来。

不同之处在于使用 CSS 将样式与内容分开。 <b>是一种风格,仅此而已。并且它将标记与该样式紧密结合在一起。分隔允许您以其他方式强调标记,而不是始终使用粗体。

会更好,因为如果有人在浏览器上关闭了 css,它仍然会正确显示吗?

不,因为如果用户想要禁用样式,那么您的<b>标签会破坏它,因为它会将样式与内容混合。

于 2013-09-23T17:45:49.373 回答
1

如果你在谈论SEO

使用<strong>也应该对SEO 友好...... (专注于关键字)

这很重要!

于 2013-09-23T17:45:53.157 回答
0

我发现 using<strong></strong>是比使用<b>或内联样式更好的方法。

于 2013-09-23T17:47:21.960 回答