html - 弃用代码 : vs style ="font-weight:bold;"

Question

我一直使用 <b>标记加粗的东西，因为这是很久以前我被教导的方式。但是现在我的 IDE 总是通知我 <b>已弃用并使用 css 样式。假设他们希望我使用 <div style="font-weight:bold;">Bold Text</div> .我的 IDE 给我的这条信息有多重要？我应该回去改变我所有的<b>吗？风格？

下面是两种情况的示例。有人可以解释两者之间的区别以及原因吗 <b>现在已弃用？

<b>Bold Text</b>

对比

<div style="font-weight:bold;">Bold Text</div>

会 <b>更好，因为如果有人在浏览器上关闭了 css，它仍然会正确显示？

Answer 1

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

让我们从 <b> 开始标记(未弃用):

The b element represents a span of text to be stylistically offset from the normal prose without conveying any extra importance, such as key words in a document abstract, product names in a review, or other spans of text whose typical typographic presentation is boldened.

...

You should not use b and i tags if there is a more descriptive and relevant tag available. If you do use them, it is usually better to add class attributes that describe the intended meaning of the markup, so that you can distinguish one use from another.

...

It may help to think of b or i elements as essentially a span element with an automatic fallback styling. Just like a span element, these elements usually benefit from class names if they are to be useful.

http://www.w3.org/International/questions/qa-b-and-i-tags

相比之下，<strong>有一个更具体的目的:

The strong element represents a span of text with strong importance.

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; }

---

在所有情况下:

• 使用描述内容的标记。
• 不要使用内联样式(使用外部样式表)。
• 不要根据视觉表现来命名样式(例如，将样式命名为“粗体”是一个糟糕的选择)

Would <b> be better because if someone has css turned off on the browser, it would still be show correctly?

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

补充阅读:

• 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