替代HTML Bold标记

时间：2009-03-16 04:57:12

标签： html css

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

或者是CSS，还是Javascript？

21 个答案:

答案 0 :(得分：87)

还要考虑<strong>标记。它对于屏幕阅读器来说要好得多，因此对于可访问性更好。搜索引擎还使用<strong>标记来确定与使用标题标记<h1>，<h2>等类似的重要内容（尽管<b>也会与搜索引擎具有相似的含义） 。如果您想强调文字的重要性，请使用<strong>。如果不想要强调重要性，请使用<b>标记或在元素或CSS中使用font-weight:bold;样式。

虽然，如果你在整个段落加粗，那么使用CSS选项可能会更好。这将减少对屏幕阅读器的影响，并且强调整个段落可能没有意义。但另一方面，我看到大胆过去常常强调整个段落有充分的理由。在这种情况下，font-weight:bold;就是您想要使用的内容，可能是在类/样式中。

最后，<strong>，<b>或font-weight:bold;将全部工作并在视觉上完成类似的事情（可能完全相同），但它们的含义略有不同。此外，请确保如果您要加粗的是标题，请使用标题标记：<h1>，<h2>等。

答案 1 :(得分：67)

您正在考虑CSS属性font-weight：

p { font-weight: bold; }

答案 2 :(得分：21)

如果文本的含义在语义上 strong ，请使用strong元素。如果没有，请使用语义命名类（一个清楚地显示元素含义的类，不要通过调用它来混合表示和数据bold等）并在CSS中引用它。

HTML 

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

CSS 

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

有些人仍然使用b元素作为表示挂钩，但它hasn't been deprecated，尽管现在大多数人都喜欢strong元素。只要确保它们使用得当。

答案 3 :(得分：10)

＆lt; b＆gt; 标签活得很好。 ＆LT b取代;不被弃用，但其使用已被澄清和限制。 ＆LT b取代;它没有语义含义，也没有表达声音强调，例如屏幕阅读器可能会说出来。 ＆LT b取代;然而，确实传达了印刷的empasis ，并且＆lt; i＆gt;也是如此。标签。两者在typograpghy中都有一个特定的位置，但不是在口头交流中，mesfrères。

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

b元素表示在文体上偏离正常散文而不传达任何额外重要性的文本跨度，例如文档摘要中的关键词，评论中的产品名称，或其典型印刷表示加粗的其他文本跨度。

答案 4 :(得分：7)

在CSS中，您必须将font-weight: bold;设置为样式

答案 5 :(得分：7)

您可以使用Bold标记制作文字或文字<b>Text</b>。

您还可以使用<strong>Text</strong>代码

主标记<h1>，<h2>，<h3>，...是默认的粗体标记，默认情况下会将文字粗体显示，除非您使用CSS更改其样式

以上标签以HTML格式提供，但如果您想使用CSS更改样式，可以使用

font-weight:bold

答案 6 :(得分：6)

您可以像下面这样编码.. 

<html>
 <head>
 <style>
 p.boldstats{
 font-weight: bold
  }
  </style>
 </head>

  <body>
  <p class="boldstats"> The bold finder </p>
  </body>
</html>

答案 7 :(得分：6)

您可以在

上使用font-weight属性

例如：

<p>This is my paragraph</p>

您可以将CSS内联如下：

<p style="font-weight:bold;">This is my paragraph</p>

或者将它放在外部CSS样式表中，如下所示：

p{
  font-weight:bold;
}

答案 8 :(得分：4)

您也可以<p style="font-weight:bold;"> bold text here </p>

答案 9 :(得分：4)

<b>是最后的手段

您可以使用<b>，但仅限最后的手段。有许多元素可以作为<b>的良好替代品，在这里它们是最有用的：

更有用的替代方案

  • 重要文字：<strong>
  • 强调重点文字：<em>
  • 对于标题，不仅是页面标题，还有段落标题和其他各种标题：<h1> through <h6>

使用<b>

的实际边缘情况

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

  1. 您以不同的方式设置<strong>样式，不希望显示您想要的文字，

  2. 您不希望斜体或标题，

  3. 您将使用内联范围或带有类的范围仅用于粗体文字。 （例如：<span class='bold'>）

    4. 然后使用<b>代替是合理的，因为在这种情况下，它可能比非语义范围更干净/更短，更具语义，并且表现/可读性是做出选择的一个很好的理由，因为b已被重新定义，用作表示打印强调的元素。

答案 10 :(得分：3)

这一切都是历史性的，可以追溯到恐龙走遍地球并且CSS不存在的时代。

更严重的是，忘记<b/>标记并在CSS规则中使用font-weight:bold：）

答案 11 :(得分：2)

    #bold{
      font-weight: bold;
    }
    #custom{
      font-weight: 200;
    }
<body>
  <p id="bold"> here is a bold text using css </p>
  <p id="custom"> here is a custom bold text using css </p>
</body>

我希望它能起作用

答案 12 :(得分：1)

也许您想使用CSS类？

p.bold { font-weight:bold; }

这样你仍然可以正常使用<p>。

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

给你：

这是正常文字。

这是粗体文字。

答案 13 :(得分：1)

我知道，这是一个非常古老的主题。 - 但为了完整性：

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

当我上传四种字体样式时：正常;胆大;斜体和粗体斜体通过css进入我的网站。

我觉得结果输出比简单地修改字体更好，并且更接近设计者对浮动字体应该如何看的意图。

同样适用于斜体和粗体，这给了我额外的灵活性。

答案 14 :(得分：0)

如今，人们倾向于使用网站构建器（如Wordpress等CMS），而不是从头开始编写自己的博客。甚至专业的Web开发人员也这样做，因为它更快。

如果在现实生活中编写自己的Blog时，您可以提及优点和注意事项，那就太好了，例如：

  • 更大的灵活性（自定义）
  • 支付域名
  • 付款并选择虚拟主机
  • 安全和维护
  • 某些网站建设者的模板和图形的版权和许可。如果您使用主机的网站构建器，则您的网站可能被锁定到特定的虚拟主机。因此，您不能转移到另一个Web主机，因为如果这样做，您将无法再使用该模板。
  • 网站宕机时寻求网站建设者的技术支持时遇到麻烦。
  • 某些模板对搜索引擎不友好，这会影响您的网站排名（SEO）

无论如何，您可以使用css / css3或JavaScript制作交互式网页。甚至您也可以将所有类型的代码上传到服务器中，以格式化默认博客主题。

答案 15 :(得分：0)

使用什么代替b元素取决于该元素内容的语义。

  • 元素b和strong到现在已经很长时间了。在HTML 4.01（已被HTML5取代）中，strong旨在用于“强强调”，即比em元素（刚刚表示强调）更强。在HTML 5.2中，strong“对其内容表示强烈的重要性，严肃性或紧迫性”；与HTML 4.01相比，“严重性”和“紧急性”方面在规范中是新的。因此，如果您使用b来表示重要，严重或紧迫的内容，建议您改用strong。如果需要，可以通过添加有意义的类属性来区分这些不同的语义，例如<strong class="urgent">...</strong>和<strong class="warning">...</strong>，并使用适当的CSS选择器为这些“强调”类型设置不同的样式，例如使用不同的颜色和字体大小（例如，在CSS文件中：strong.warning { color: red; background-color: transparent; border: 2px solid red; }。）。
    b的另一种替代方法是em element，它在HTML 5.2中“表示强调其内容”。请注意，此元素通常以斜体显示（因此经常被推荐代替i元素）。
    我会拒绝遵循其他答案中的建议来写<strong class="bold">...</strong>之类的诱惑。首先，在非视觉环境中，class属性没有任何意义（听ePub书，一般文本到语音，屏幕阅读器，盲文）；其次，维护代码的人员将需要阅读实际内容，以找出为什么被加粗的内容。
  • 如果您在整个段落或标题中使用b（而不是较短的文本范围，这是上一个要点的用例），那么我将其替换为适当的class属性或（如果有的话）WAI-ARIA roles（例如alert）用于活动区域“具有重要且通常对时间敏感的信息”。如上所述，您应该使用“语义” class属性值，以便维护代码（包括您将来的自己）的人们可以弄清为什么为什么加粗了。
  • 并非b的所有用法都可以表示某种语义。例如，当您将打印的文档转换为HTML时，文本可能会以粗体显示，其原因与强调或重要性无关，而只是作为视觉指导。例如，字典中的headwords不再比其他内容“严重”，“紧急”，因此您可以保留b元素并可选地添加有意义的类属性，例如<b class="headword">或根据<span class="headword">在非可视上下文中没有任何意义的说法，用b替换标签。

在CSS文件中（有一些其他答案建议不要使用style属性），您可以使用多种方式设置“粗体”或重要文本的样式：

  • 指定不同的颜色（前景和/或背景）；
  • 指定不同的字体；
  • 指定边界（请参见上面的示例）；
  • 使用font-weight property使用不同的字体粗细，这不仅允许normal和bold，即normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900，还允许更多的值，
  • 等

请注意，support for numeric font-weight values并不总是很好。

答案 16 :(得分：0)

您可以使用以下内容：

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

OR 

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

OR

您可以使用与粗体

有些相似的<h1> tag

答案 17 :(得分：0)

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

答案 18 :(得分：0)

在旁注中，下面的代码也会使其变粗。

<strong> text here </strong>

答案 19 :(得分：-1)

@Darryl Hein的回答是正确的，尽管有一点 - 自XHTML以来，根本不推荐<b>，因为它不是语义。

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

font-weight: bold表示视觉突出显示的文字

<strong>可以被css调整为不粗体，但它是传统的默认值。它可以是红色，斜体或下划线（尽管所有这些可能性都不是真正用户友好的）。将它用于文本中的短语/单词，不是因为视觉设计，而是与其含义相关

font-weight: bold应该用于与设计相关的粗体部分，例如标题，子标题，表格标题单元格等。

答案 20 :(得分：-2)

使用<strong>标记，因为它更具语义性。 <b>已被折旧，因此最好不要使用它。此外，粗体文本还有更多搜索引擎优化（SEO）权重，因此最好使用真实<strong>，而不是使用CSS制作<p>或<span>粗体。

相关问题
最新问题