是否可以盲目地使用<strong>代替<b> </b> </strong>

时间:2010-02-11 08:15:36

标签: html xhtml accessibility web-standards semantic-markup

注意:我知道<b>是表现性的,<span style="font-weight:bold>是更好的方式,<strong><em>是重点,但我的问题不是这个。


我们应该盲目地将每<b>转换为<strong>吗?很多人这样做,他们认为<b>不符合网络标准,因此他们会在网站重新设计,内容重新设置,新网站设计和每个人建议的情况下将每个<b>转换为<strong>对其他人也是。


Dreamweaver还提供了在设计视图中代码粘贴时将所有<b><i>转换为<strong><em>的选项以及我们何时使用B和I哪个人盲目地使用。

alt text http://shup.com/Shup/280420/1101118332-My-Desktop.png

并且Dreamweaver(如果选中以上选项)和许多在线WYSIWYG编辑器在<strong><em>中输出,而按钮显示 B I

alt text http://shup.com/Shup/280425/1101118921-My-Desktop.png

在我看来,这引发了对<strong><b>

的误解

当我们从客户端获取内容时,我们不知道客户想要强调的位置以及他只想使用粗体文本进行演示。在这种情况下我们该怎么做?没有人有时间为每个实例(我们和客户)做出决定,无论是<b>还是<strong><i>还是<em>

如果我们说我们的网站可以访问,那么将每个<b><i>盲目转换为<strong><em>的利弊是什么?


更新:请记住<b> and <i> are not deprecated they are in HTML 5 specification

8 个答案:

答案 0 :(得分:28)

正如其他人提到的使用<strong&gt;,<em><cite>等添加语义,这很重要,因为你说的是​​为什么要强调某些内容,并增加你的HTML的可读性,因为你知道为什么它的粗体。

此外,屏幕阅读器使用强标签在大声朗读时会发出声音差异。

也许您可以将音频表现视为指南。如果您在朗读时想要有所不同,请将其标记为<strong>,例如,如果不使用<b>

然后存在渲染问题:我实际上并不知道所有浏览器是否会将<strong>渲染为粗体,是否会保持这种状态。

简而言之:<strong> </strong>

答案 1 :(得分:14)

  

使用<strong>代替<b> 盲目可以吗?

没有

引用Anne van Kesteren(source):

  

让我提出一些相互矛盾的建议。请将em替换为i,将strong替换为b。生成的标记可能更准确。特别是使用WYSIWYG软件,它们不太可能被正确使用,但也,因为这个概念传播它们是可以互换的,唯一的区别是strongem语义很多被滥用发生即可。如有疑问,请使用ib

他当然是对的。 strongb不一样。 emi不一样。如果您想为文本添加语义重点,请仅使用strong / em

答案 2 :(得分:7)

<b><i><tt>严格排印。

通过说印刷,我不是说视觉。我的意思是表达的语义。 他们需要额外的上下文来具有特定的含义(例如,定义,如:

  
      
  • 斜体文字取自......
  •   

或依赖于排版惯例,就像粗体文字是引人注目的,斜体字意味着背景变化)。在印刷约定中,粗体和斜体是某种括号嵌套。

(for example [this one has another context])

例如这个有另一个上下文

这些标签是传统印刷字体的端口,其中语义由特定的视觉呈现承载。

正如您所指出的那样,它们被认为是不推荐使用的,但在XHTML5中却没有。为什么?我认为,主要是网络内容不仅仅适用于电子媒体。如果您打印Web文档,这些标记可能会替换TeX中使用的某些表达式的语法。

<strong><em>严格用于语义,

告诉我们应该如何阅读和强调文本。

所以回顾一下,这些标签中没有一个与其他标签相同,因此它们甚至不应使用,但可能不会互换使用,也不能替代。特别是,盲目地。

AFIR,Dreamweaver不是WYSIWYM编辑器的模型。我一直认为它是下一代FrontPage思想(易用性和现在完成的事情,忘记了未来和可扩展性)。

所以我理解这里的惊喜,你的误解感是正确的:)

答案 3 :(得分:3)

我们不应盲目地交换bstrong因为它们有不同的目的。

<b&GT;并且<i>不是HTML5规范中的表示元素。它们有不同的含义和目的。引用HTML5规范,

  

b 元素表示要在风格上偏移的文本范围   来自普通散文而没有传达任何额外的重要性,例如   文档摘要中的关键词,评论中的产品名称或其他   文本的跨度,其典型的印刷表现是加粗的。

i元素,

  

i 元素表示备用语音或心情的文本范围,   或以其他方式抵消正常散文,例如分类   指定,技术术语,来自另一个的惯用语   语言,思想,船名或其他一些典型的散文   印刷表示是斜体。

正如其他人已经明确澄清的那样,iem不能互换使用,bstrong的情况也是如此。

ib用于其预期用途的情况非常罕见。 (例如,在对话剧本,论文,简历中)


参考文献:

  1. http://html5doctor.com/i-b-em-strong-element/
  2. http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-i-element

答案 4 :(得分:2)

如果您只想使用粗体文字,请通过css将其设为粗体。如果“粗体”字体粗细没有语义含义,则不应使用<strong><em>。但是,您不应该使用<b><i>因为它们是非语义的(实际上它们是字体样式标记),因此它们的使用是discouraged if not even deprecated

答案 5 :(得分:1)

<b><strong>不一定相同。如您所建议的那样<strong>需要更高的重点,而<b>仅用于样式目的。所以你不应该盲目地改变它们。

有些人会说<b>标签已被弃用,但事实并非如此。这是still alive and kicking。然而;正如你所说的那样,它不是非常语义,因此使用<span>并为其设置样式可能是更好的选择。

答案 6 :(得分:1)

正如其他人所说,strong / b和i / em之间存在语义差异。特别是它们被屏幕阅读器用于访问您网站的视障人士。对于他们来说,如果你只是粗略地制作一些文字,或者如果你想在你的网站上添加某种形式的EMphasis,它会产生很大的不同。因此,请务必仔细考虑使用B或STRONG制作大胆的内容。 EM和我也一样。

答案 7 :(得分:0)

这里有一些很好的答案,但对于那些仍然不太了解并需要进一步解释和示例的人,我在HTML Text, Web Platform Docs教程中找到了一个有用的解释。该教程解释了<strong><b>之间在页面中间稍微过了一段时间的使用差异,并举例说明。