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 。
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
-
你已经用不同的方式来devise
<strong>
,你不想显示你想要的文字, -
你不希望斜体重点或标题,和
-
你将要使用一个内联跨度或一个类的跨度来加粗文本 。 (例如:
<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>
。