HTML粗体标记的替代方法

好的,所以我知道在HTML中你可以使用<b>标签,但是在<p>标签中没有可以使用的"weight=bold"属性。

或者是在CSS,或JavaScript?

还要考虑<strong>标记。 屏幕阅读器更好,因此更好的可访问性。 search引擎也使用<strong>标签来确定类似于他们如何使用标题标签<h1><h2>等重要内容(尽pipe<b>也将具有与search引擎类似的含义)。 如果您想强调文本的重要性,请使用<strong> 。 如果您不想强调重要性,请使用<b>标记或使用font-weight:bold; 样式在元素或CSS中。

虽然,如果您将整个段落粗体显示,那么最好使用CSS选项。 这将减less对屏幕阅读器的影响,并且强调整个段落可能是没有意义的。 但另一方面,我曾经大胆地看过一段话,因为有充分的理由。 在这种情况下, font-weight:bold; 是你想使用,可能在一个类/风格。

最后, <strong><b>font-weight:bold; 将所有的工作和完成类似的视觉(可能完全相同),但他们有稍微不同的含义。 此外,请确保如果您要加粗的是标题,请使用标题标记: <h1><h2>

你正在考虑CSS属性font-weight

 p { font-weight: bold; } 

如果文本的含义在语义上很强 ,则使用strong元素。 如果没有,请使用语义命名的类(清楚地显示元素的含义,不要混合表示和数据通过调用bold等),并在您的CSS中引用它。

HTML

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

CSS

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

有些人仍然用b元素作为表象,但并没有被废弃 ,尽pipe现在大多数人都喜欢这个strong元素。 只要确保它们使用正确。

<b>标签是有生命力的。 <b>不被弃用,但其使用已被澄清和限制。 <b>没有语义意义,也没有传达声音的重点,如屏幕阅读器可能会说的话。 然而,<b>的确如同<i>标签一样传达印刷的“ 两者在typograpghy有一个特定的地方,但不是在沟通, mesfrères

引用http://www.whatwg.org/

b元素代表一个文本的范围,从文字上偏离正常的散文而没有performance出任何额外的重要性,例如文档摘要中的关键词,评论中的产品名称,或其他典型印刷performance力大的文本跨度。

它在CSS中,你必须设置font-weight: bold; 作为风格

您可以使用<b>Text</b>标记使文字或单词Bold

您也可以使用<strong>Text</strong>标记

首页标签<h1><h2><h3> ,…是默认的粗体标签,默认情况下为粗体,除非您使用CSS更改样式

上面的标签在HTML中是可用的,但如果你想用CSS来改变样式,你可以使用

 font-weight:bold 

您也可以在这里<p style =“font-weight:bold;”>粗体文本</ p>

<b>是最后的手段

您可以使用<b> ,但只能作为最后的手段 。 有许多元素可以作为<b>好替代品,在这里它们是最有用的:

更有用的替代品

  • 对于重要的文字: <strong>
  • 对于压力强调文本: <em>
  • 对于标题,不只是页面标题,而是段落标题和其他各种types: <h1> through <h6>

使用<b>的实际边缘情况

我主张使用<b>的唯一情况是if

  1. 你已经用不同的方式来devise<strong> ,你不想显示你想要的文字,

  2. 你不希望斜体重点或标题,和

  3. 你将要使用一个内联跨度或一个类的跨度来加粗文本 。 (例如: <span class='bold'>

那么使用<b>是合理的,因为在这种情况下,它可能比非语义跨度更清晰/更短和更多语义,而terceness / readability是做出该select的一个很好的理由,因为b已被重新定义使用作为表示印刷重点的元素。

也许你想使用CSS类?

 p.bold { font-weight:bold; } 

这样,您仍然可以像平常一样使用<p>

 <p>This is normal text</p> <p class="bold">This is bold text</p> 

给你:

这是正常的文字。

这是粗体文本。

一个非常古老的线程,我知道。 – 但为了完整性:

我使用<span class="bold">my text</span>

当我上传四种字体样式:普通; 胆大; 斜体和粗体斜体到我的网站通过CSS。

我觉得结果输出比简单地修改字体更好,并且更接近于devise师对粗体字体的看法。

当然斜体和粗体也是如此,这给了我更多的灵活性。

这是从恐龙走向地球,CSS不存在的历史和date。

更严重的是,忘掉b标签,并在CSS规则中使用font-weight:bold

下面的代码也会使其粗体。

 <strong> text here </strong> 
 <p style="font-weight:bold;"></p> 

您可以使用以下内容:

 <p id="p1">Some Text here </p> #p1{ font-weight: bold; } 

要么

 <Strong><p>Some text here </p></strong> 

要么

你可以使用<h1> tag ,它有点类似于粗体

@Darryl Hein的回答是正确的,尽pipe有一点 – 自从XHTML以来,并不推荐使用<b> ,因为它不是语义的

<strong>表示语义上突出显示的文本

font-weight: bold表示可视化突出显示的文本

虽然这是一个传统的默认设置,但可以将CSS调整为不大胆。 它可以做成红色,或斜体,或下划线(虽然所有这些可能性都不是真的用户友好的)。 将它用于文字中的短语/单词,不是因为视觉devise,而是与其意义有关

font-weight: bold应该用于devise相关的粗体部分,如标题,子标题,表格标题单元格等。

使用<strong>标签,因为它更具语义。 已经折旧了,所以最好不要使用它。 另外,粗体文本被赋予更多的search引擎优化(SEO)权重,所以最好使用真正的<strong>而不是使用CSS粗体显示<p><span>