如何在 HTML 中使文本加粗?

我正在尝试使用 HTML 加粗一些文本,但我正在努力让它工作。

我是这么想的:

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

有人能告诉我哪里做错了吗?

771759 次浏览

在 HTML 中使用:

  • 一些我想要鼓励的 <b>text</b>
  • 一些我想要鼓励的 <strong>text</strong>

在 CSS 中使用:

  • 一些我想要鼓励的 <span style="font-weight:bold">text</span>

它只是 <b>而不是 <bold>:

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

注意,<b>只改变文本的外观。如果你想呈现粗体,因为你想表达一个强烈的重点,你应该更好地使用 <strong>元素

标记方式:

<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 之类的语义标记元素的含义。

<strong>

说明此元素括号内的文本应该强调。强于 em 元素。

使用 <strong><b>标签

你也可以尝试使用 css<span style="font-weight:bold">text</span>

HTML 没有 <bold>标记,而是必须使用 <b>。但是请注意,使用 <b>现在有一段时间不鼓励使用 CSS。您最好使用 CSS 来实现这一点。

<strong>标签是一个强调的语义元素,违约要加粗。

我认为真正的答案是 http://www.w3schools.com/HTML/default.asp

另一个选择是通过 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>

谁能告诉我哪里做错了?”

“ bold”从来不是 HTML 元素(“ b”是最接近的匹配)。

HTML 应该包含结构化内容,发布者 CSS 应该为这些内容提供样式建议。这样用户代理就可以将带有有用样式和导航控制的结构化内容展示给那些看不到你建议的大胆样式的用户(例如搜索引擎的用户,使用屏幕阅读器的完全失明的用户,使用自己颜色和字体的视力不好的用户,使用文本浏览器的极客用户,使用像 Opera for Windows 这样的语音控制浏览器的用户)。因此,使文本加粗的正确方法取决于 为什么,您希望它的样式加粗。例如:

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

  • 要为表单字段加大标签的颜色吗?使用“ label”元素,通过给它一个匹配目标上的“ id”属性的“ for”属性,将它与相关的“ select”、“ input”或“ textarea”元素程序化地关联起来,并在 CSS 中为它建议一个粗体样式(“ label { font-weight: bold;”})。

  • 要在表单中为一组相关字段(例如一组无线电选项)添加标题吗?用“ fieldset”元素包围它们,给它一个“ Legend”元素,并在 CSS 中为它建议一个粗体样式(“ Legend { font-weight: bold; }”)。

  • 要区分表标题和它所标题的表标题吗?使用“ caption”元素并在 CSS 中为其建议一个粗体样式(“ caption { font-weight: bold; }”)。

  • 要区分表标题和表数据单元格吗?在 CSS 中使用“ th”元素并建议使用粗体样式(“ th { font-weight: bold; }”)。

  • 想要区分引用的电影或专辑的标题与周围的文字?在类中使用“ cite”元素(“ citclass = “ film-title”) ,并在 CSS (”)中为其建议一个粗体样式。Film-title { font-weight: bold; }”)。

  • 想要区分已定义的关键字和周围定义或解释它的文本吗?使用“ dfn”元素并在 CSS 中为其建议一个粗体样式(“ dfn { font-weight: bold; }”)。

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

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

  • 要指示添加了某些文本作为更新吗?在 CSS 中使用“ ins”元素并建议使用粗体样式(“ ins { font-weight: bold; }”)。

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

  • 想要重点强调一些文本,也许是一个警告(“ 小心那条狗!”) ?在 CSS 中使用“ strong”元素并建议使用粗体样式(例如“ strong { font-weight: bold; }”)。

... 你得到的想法(希望)。

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

你是 快到了!

对于粗体文本,您应该有这样的: <b> bold text</b><strong>bold text</strong>它们有相同的结果。

工作示例 -JSfiddle

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

<b>This text is bold</b>

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

<strong>This text is strong</strong>