<b>和<strong>,<i>和<em>有什么区别?

<b><strong><i><em>HTML / XHTML 之间有什么区别您什么时候应该使用?

理查德古一2020/03/17 16:11:06

我们将<strong>标签用于具有较高优先级的文本,以用于SEO用途,例如产品名称,公司名称等,而<b>简单则使其变粗。

类似地,我们使用<em>SEO优先级高<i>的文本,同时使文本简单斜体。

村村飞云2020/03/17 16:11:06

<strong>并且<em>是抽象的(人们说这是语义时的意思)。 <b>并且<i>是使事物“强”或“强调”的特定方式

比喻:

无论<strong><b><em><i>

“车辆”就是“吉普车”

前端JinJin2020/03/17 16:11:06

您通常应该尽量避免<b><i>引入它们是为了在创建CSS之前在HMTL早期版本中布局页面(改变其外观),例如同时删除font标签,并且主要是为了向后兼容而保留,因为某些论坛允许内联HTML,这很容易更改文本外观的方式(例如BBCode使用[i],您可以使用<i>等等)。

自创建CSS以来,实际上不再需要在HTML中进行布局,这就是为什么首先创建CSS的原因(HTML == Structure,CSS == Layout)。这些标签将来也可能消失,span如果您需要“无意义”的字体变化,您毕竟可以使用CSS和标签使文本变为粗体/斜体。HTML 5仍然允许它们,但声明以这种方式标记文本没有任何意义

<em><strong>另一方面,它仅表示“强调”或“强调”某些内容,从而使浏览器完全可以使用它进行渲染。默认情况下,大多数浏览器将em按照strong标准建议的斜体和粗体进行渲染,但是并不一定要这样做(它们可能使用不同的颜色,字体大小,字体等)。您可以使用CSS以所需的方式更改行为。您可以根据需要将其设置为em粗体strong,例如将其设置为粗体和红色。

Harry猴子A2020/03/17 16:11:06

HTML格式元素:

HTML还定义了特殊元素,用于定义具有特殊含义的文本。HTML使用<b>和<i>之类的元素来格式化输出,例如粗体或斜体文本。

HTML粗体和强格式:

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

<b>This text is bold</b>

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

<strong>This text is strong</strong>

HTML斜体和强调格式:

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

<i>This text is italic</i>

HTML <em>元素定义了强调的文本,具有附加的语义重要性。

<em>This text is emphasized</em>
小宇宙前端2020/03/17 16:11:06

“它们具有相同的效果。但是,XHTML是一种更干净,较新的HTML版本,建议使用该<strong>标记。strong更好,因为它更易于阅读-含义更清晰。此外,它<strong>传达了含义-显示文本强烈-虽然<b>(用于粗体表示)传达了一种方法-粗体显示文本,但是对于“ strong”而言,如果您使用CSS样式表来更改使文本变得更坚固的方法,则代码仍然有意义。

<i><em>之间的区别也是如此

Google dixit:

http://wiki.answers.com/Q/What_is_the_difference_between_HTML_tags_b_and_strong

Sam凯卡卡西2020/03/17 16:11:06

bi表示您希望文本显示为粗体或斜体。strongem表示您希望以用户理解为“重要”的方式呈现文本。默认设置是将strong呈现为粗体,将em呈现为斜体,但是其他一些文化可能会使用其他映射。

像程序中的字符串一样,bi将被“硬编码”,而strongem将被“本地化”。

伽罗Mandy2020/03/17 16:11:06

<b><i>应避免使用它们,因为它们描述了文本的样式。而是使用<strong>和,<em>因为它描述了文本的语义(含义)。

与HTML中的所有内容一样,您应该考虑的不是真正的外观,而是真正的含义当然,对您而言可能只是粗体和斜体,而对于屏幕阅读器而言则不是。

Gil神奇2020/03/17 16:11:05

对于使用<b> 标签的文本加粗

对于使用<strong> 标签很重要的文本

对于使用<i> 标签的文本斜体样式

对于使用<em> 标签的强调文字

Sam猪猪2020/03/17 16:11:05

仅在由于任何原因使CSS样式类不方便或无法使用时才使用它们(例如博客系统,仅允许在帖子中使用某些标签,并最终允许使用嵌入的样式)。另一个原因是支持非常老的浏览器(某些移动设备?)或原始搜索引擎(提供点<b><strong>标记,而不是分析CSS样式)。

如果可以定义CSS样式,请使用它们。

Jim猪猪伽罗2020/03/17 16:11:05

实际上,出于这个响应线程中提到的原因,我同时使用了<strong>和<b>。有时候,粗体显示某些文本看起来会更好,但是在语义上并不一定比句子的其余部分重要。这是我目前正在处理的页面上的示例:

“检索有关<b>长曲棍球</ b>的<strong>所有</ strong>图书。”

在那句话中,“全部”一词非常重要,而“曲棍网兜球”则不那么重要-我只是希望它是粗体的,因为它代表一个搜索词,因此我希望进行视觉上的分隔。如果您正在使用屏幕阅读器来查看页面,那么我真的认为不需要强调“长曲棍球”一词。

我会倾向于想象大多数Web开发人员都使用其中一种,但是两者都很好-正如某些人所声称的,<b>绝对不被弃用。对我来说,这只是视觉吸引力和意义之间的一条细线。

Eva梅村村2020/03/17 16:11:05

<i><b><em><strong>标签是传统代表性。但是HTML5中它们赋予了新的语义含义

<i><b>用于HTML4中的字体样式。<i>用于斜体和<b>粗体。在HTML5中,<i>标签具有新的语义含义,即“ 替代语音或语气 ”,<b>标签具有在样式上偏移的含义

<i>标签的示例用途是-分类名称,技术术语,另一种语言的惯用语,音译,思想,西方文本中的船名。如 -

<p><i>I hope this works</i>, he thought.</p>

<b>标签的示例用法是文档摘录中的关键字,评论中的产品名称,交互式文本驱动软件中的可操作单词,文章线索。

下面的示例段落在样式上从其后面的段落偏移。

<p><b class="lead">The event takes place this upcoming Saturday, and over 3,000 people have already registered.</b></p>

<em>并且<strong>在HTML4中具有强调和强调的含义。但是在HTML5中,这<em>意味着强调重点并且<strong>具有很强的重要性

在下面的示例中,在阅读... 之前的单词时应该进行语言更改

<p>Make sure to sign up <em>before</em> the day of the event, September 16, 2016</p>

In the same example we can use the <strong> tag as follows ..

<p>Make sure to sign up <em>before</em> the day of the event, <strong>September 16, 2016</strong></p>

to give importance on the event date.

MDN Ref:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong

蓝染大人2020/03/17 16:11:05

正如其他人所说,<b>和<i>是显式的(即“使此文本变为粗体”),而<strong>和<em>是语义的(即“应强调此文本”)。

在现代网络浏览器的背景下,很难看到差异(它们似乎都产生相同的结果,对吗?),但请考虑为视障人士使用屏幕阅读器。如果屏幕阅读器遇到<i>标记,它将不知道该怎么办。但是,如果遇到<em>标签,它就会知道应该将其中的内容强调给侦听器。在其中,您得到了实际的区别。

MandyTom2020/03/17 16:11:05

<em><strong><i>消耗更多带宽<b>

他们还需要更多的输入(如果不是自动生成的)。

它们还会使编辑器屏幕上出现更多文本。我似乎记得,程序员喜欢较小的源文件(如果相同)。(而且,让我们成为现实,它们是相同的。是的,存在“技术性” 差异(<i> 咳嗽 </ i>,咳嗽,对不起),但这首先是虚假的。”

使用上述任何一个标签,您都可以使用样式表来自定义样式,但是如果您希望它们显示的外观与默认呈现不同,可以使用它们。

前端凯神乐2020/03/17 16:11:05

尽管<strong><em>在语义上当然更正确,但似乎肯定有合理的理由将<b><i>标签用于客户编写的内容。

在此类内容中,单词或短语可能会以粗体或斜体显示,因此通常不应该由我们来分析此类粗体或斜体的语义推理。

此外,这样的内容可以指粗体和斜体词和短语,以传达特定的含义。

一个例子是英语考试题,指示学生替换粗体字。

TomPro2020/03/17 16:11:05

这是定义的摘要以及建议的用法:

<b>...文本跨度关注所正在绘制功利的目的,而不输送任何额外的重要性,并没有暗示替代的语态和语气,如关键词在一个文档抽象,产品名称在评论中,可操作的话在交互式文本驱动软件或文章目录

<strong> ...现在代表的是重要性,而不是强调。

<i>...以替代的声音或心情表达的文本范围,或以其他方式偏离正常散文,表示某种不同的文本质量,例如分类名称技术术语另一种语言惯用语思想,或西方文字中船名

<em> 表示重点。

(这些都是W3C来源的直接引号,并增加了我的强调。请参阅:https : //rawgithub.com/whatwg/html-differences/master/Overview.html#changed-elementshttp://www.w3.org /TR/html401/struct/text.html#h-9.2.1(原始)

Green逆天2020/03/17 16:11:05

<b><i>都与样式有关,而<em><strong>是语义。在HTML 4中,第一个分类为字体样式元素第二个分类短语元素

正如您所指出的那样,<i>并且<em>通常被认为是相似的,因为浏览器经常以斜体显示这两者。但是根据规范,<em> 表示重点<strong> 表示更强的重点,这很明显,但是经常会被误解。另一方面,何时使用<i>何时使用之间的区别<b>实际上是样式问题。

十三Tony伽罗2020/03/17 16:11:05

<strong><em>在文档中添加额外的语义含义。碰巧的是,它们还为您的文本提供了大胆的斜体样式。

您当然可以使用CSS覆盖它们的样式。

<b><i>在另一方面只适用的字体样式,不应再使用。(因为您应该使用CSS进行格式化,并且如果文本实际上很重要,那么无论如何您都可能会将其设置为“强”或“强调”!)

希望有道理。

ADavaid2020/03/17 16:11:05

<b>并且<i>是明确的-它们分别指定粗体和斜体。

<strong>并且<em>是语义的-它们指定所包含的文本应以某种方式“强”或“强调”,通常是粗体和斜体,但允许通过CSS控制实际样式。因此,这些在现代网页中是首选。