如何在HTML中使文本变为粗体?


153

我正在尝试使用HTML来使文本变粗体,但是我正在努力使其正常工作。

这是我正在尝试的:

Some <bold>text</bold> that I want emboldened.

有人可以告诉我我在做什么错吗?


17
我同意应该首先在Google上进行搜索,但是我认为重点是下次有人搜索google时,她/他将被定向到SO,我认为这是一件好事。更多的流量和更多的人来了。
Andrija

@binfolder可能想说他是否从Google学习了<bold>。另一个更普遍的可能性是:越来越多的人在没有上学和没有读书的情况下发展。我们在“ HTML 101”的“第一天”或“第二天”学到了这些东西。他们没有预定课程。
约翰·桑德斯

2
@Andrija:我同意将他们引导到这里。这就是为什么我的答案将他们带回到可以学习下一个问题的答案的地方:“我怎么做斜体?”
约翰·桑德斯

Answers:


222

使用<strong><b>标记

另外,您可以尝试使用CSS <span style="font-weight:bold">text</span>


53

HTML没有<bold>标签,相反,您必须使用<b>。但是请注意,使用<b>支持CSS的鼓励,而现在。您最好使用CSS来实现。

<strong>标记是着重强调其语义元素默认为粗体。


2
+1 b是HTML 4,您永远都不要强过它/ css是必经之路
googletorp

<b>从未被弃用。建议不要使用<em>,<strong>,<h1..6>等,是的;不推荐使用,不可以。
诺亚·梅德林

为什么不<b>鼓励使用CSS?这就像不鼓励使用<h* n* >来支持CSS。它在标准中,请使用它。
Gumbo

浓汤:摘自w3.org/TR/html4/present/graphics.html#h-15.2.1 –“以下HTML元素指定了字体信息。尽管并不全部弃用它们,但不鼓励使用它们来支持样式表。”
乔伊

1
实际上,这些元素在HTML 5中正以“短语元素”的形式卷土重来-例如,我认为<small>代表小字体,而<b>用于书名。
DisgruntledGoat

21

标记方式:

<strong>I'm Bold!</strong> and <b>I'm Bold Too!</b>

样式方式:

.bold {
  font-weight:bold;
}

<span class="bold">I'm Bold!</span>

来自:http : //www.december.com/html/x1/

<b>

此元素包含应由浏览器呈现为粗体字的文本。由于B元素的含义定义了其所包围内容的外观,因此该元素被视为“物理”标记元素。因此,它不能传达诸如标记之类的语义标记元素的含义。

<strong>

说明此元素将要强调的文本括在括号中。比em元素更强大。


3
strong与相同b
Gumbo

8
从来没有说过。
桑普森

12

在HTML中使用:

  • 一些<b>文字</b>我想鼓舞。
  • 我想鼓舞一些<strong>文字</strong>

在CSS中使用:

  • 我想鼓舞一些<span style="font-weight:bold">文字</span>

7

有人可以告诉我我在做什么错吗?”

“ bold”从未成为HTML元素(“ b”是最接近的匹配项)。

HTML应该包含结构化的内容;发布者CSS应该为该内容建议样式。这样,用户代理便可以将有用的样式和导航控件提供给看不到建议的粗体样式的用户(例如搜索引擎用户,使用屏幕阅读器的完全盲用户,使用自己的颜色和字体的视力不佳的用户,使用文字浏览器的怪异用户,使用语音控制的口语浏览器(例如Opera for Windows)的用户)。因此,使文本变为粗体的正确方法取决于您为什么要为其设置粗体样式。例如:

  • 是否想将标题与其他文本区分开?使用标题元素(“ h1”至“ h6”)并在CSS中为它们建议一个粗体样式(“ h1,h2,h3,h4,h5,h6 {font-weight:bold;}”)。

  • 是否想为表单字段添加标签?使用“标签”元素,通过为其赋予与目标上的“ id”属性匹配的“ for”属性,以编程方式将其与相关的“ select”,“ input”或“ textarea”元素相关联,并建议使用粗体样式它放在您的CSS中(“标签{font-weight:bold;“})。

  • 是否想要以一组形式(例如一组无线电选择)来扩大一组相关字段的标题?用“ fieldset”元素包围它们,给它一个“ legend”元素,并在CSS中为其建议一个粗体样式(“ legend {font-weight:bold;}”)。

  • 是否要区分表标题和表标题?使用“标题”元素,并在CSS中为其建议粗体样式(“标题{font-weight:bold;}”)。

  • 是否要将表标题与表数据单元区分开?使用“ th”元素并在CSS中为其建议粗体样式(“ th {font-weight:bold;}”)。

  • 是否想将参考电影或专辑的标题与周围的文字区分开?在类中使用“ cite”元素(“ cite class =” movie-title“),并在CSS中为其建议粗体样式(” .movi​​e-title {font-weight:bold;}“)。

  • 是否要将定义的关键字与定义或解释该关键字的周围文本区分开?使用“ dfn”元素并在CSS中为其建议粗体样式(“ dfn {font-weight:bold;}”)。

  • 是否要从周围的文本中区分出一些计算机代码?使用“代码”元素,并在CSS中为其建议粗体样式(“代码{font-weight:bold;}”)。

  • 是否要从周围的文本中区分一个变量名?使用“ var”元素,并在CSS中为其建议粗体样式(“ var {font-weight:bold;}”)。

  • 是否要表明已添加一些文本作为更新?使用“ ins”元素并在CSS中为其建议粗体样式(“ ins {font-weight:bold;}”)。

  • 是否想轻描淡写一些文字(“我小猫!”)?在CSS中使用“ em”元素并为其建议粗体样式(例如“ em {font-weight:bold;}”)。

  • 是否想强调一些文字,也许是为了警告(“ 当心狗! ”)?在CSS中使用“ strong”元素并为其建议粗体样式(例如“ strong {font-weight:bold;}”)。

…(希望)您有了主意。

找不到具有正确语义的HTML元素来表达/ why /,您想将此特定文本加粗吗?将其包装在一个通用的“ span”元素中,并为其赋予一个有意义的类名称,以表达您区分该文本的理由(“ <span class =” lede“>让我以总结它的句子来开始本新闻文章。</ span >),并在CSS中建议使用粗体样式(“ .lede {font-weight:bold;”}。在编写自己的类名之前,您可能需要检查是否有微格式(microformats.org)或您要表达的内容的通用约定。


因此,总结{{link_to_HTML_element {font-weight:bold; }}
詹姆斯H

6

HTML元素定义粗体文本,没有任何额外的重要性。

<b>This text is bold</b>

HTML元素定义强文本,并增加了语义上的“强”重要性。

<strong>This text is strong</strong>

5

另一种选择是通过CSS ...

例如1

<span style="font-weight: bold;">Hello stackoverflow!</span>

例如2

<style type="text/css">
    #text
    {
        font-weight: bold;
    }
</style>

<div id="text">
    Hello again!
</div>

4

你是 了!

对于粗体文本,应具有以下内容:<b> bold text</b><strong>bold text</strong>它们具有相同的结果。

工作示例-JSfiddle


2
这个问题实际上是在七年前提出的,并且已经有了解决方案(正确答案在问到3分钟后发布)。因此,您的答案并没有真正添加任何有用的内容。如果要查找尚未解决的问题,请answers:0在顶部的搜索框中键入,这将为您提供所有尚未发布答案的问题列表。
李斯特先生,2016年

1
@MrLister IMO到JSfiddle的链接非常有用。
Χpẘ

3

它只是<b>代替<bold>

Some <b>text</b> that I want bolded.

请注意,<b>仅更改文本的外观。如果由于要表达强调而希望将其加粗,则最好使用<strong>element


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.