HTML Bold标记的替代方法

Question

好的，我知道在HTML语言中可以使用<b>标记，但是没有可以在<p>标记中使用的"weight=bold"属性吗？

还是用CSS或Javascript实现的？

Answer 1

还要考虑<strong>标记。它对屏幕阅读器更好，因此对可访问性也更好。搜索引擎还使用<strong>标签来确定重要内容，类似于它们使用标题标签<h1>、<h2>等的方式(尽管<b>对搜索引擎也有类似的含义)。如果你想强调文本的重要性，可以使用<strong>。如果不想强调重要性，请在元素上或在<b>中使用CSS标签或font-weight:bold;样式。

但是，如果您将整个段落加粗，使用CSS选项可能会更好。这将减少对屏幕阅读器的影响，并且强调整个段落可能没有意义。但另一方面，我以前也见过粗体用来强调整段话，这是有充分理由的。在这种情况下，font-weight:bold;是您想要使用的，可能是在一个类/样式中。

最后，<strong>、<b>或font-weight:bold;都将在视觉上实现类似的功能(可能完全相同)，但它们的含义略有不同。另外，如果你加粗的是一个标题，也要确保使用标题标签：<h1>、<h2>等。

Answer 2

您正在考虑CSS属性font-weight

p { font-weight: bold; }

Answer 3

如果文本的语义很强，则使用strong元素。如果没有，请使用语义命名类(一个清楚地显示元素含义的类，不要将表示和数据混为一谈，将其命名为bold等)并在您的CSS中引用它。

HTML

<span class="important-message">I'm important!</span>

CSS

.important-message {
   font-weight: bold;
}

有些人仍然使用b元素作为表示钩子，但它是hasn't been deprecated的，尽管现在大多数人喜欢strong元素。只要确保它们被正确使用即可。