<b>
和<strong>
,<i>
和<em>
HTML / XHTML 之间有什么区别?您什么时候应该使用?
<b>和<strong>,<i>和<em>有什么区别?
<strong>
并且<em>
是抽象的(人们说这是语义时的意思)。
<b>
并且<i>
是使事物“强”或“强调”的特定方式
比喻:
无论<strong>
是<b>
和<em>
是<i>
如
“车辆”就是“吉普车”
您通常应该尽量避免<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
,例如将其设置为粗体和红色。
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>
“它们具有相同的效果。但是,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
b或i表示您希望文本显示为粗体或斜体。strong或em表示您希望以用户理解为“重要”的方式呈现文本。默认设置是将strong呈现为粗体,将em呈现为斜体,但是其他一些文化可能会使用其他映射。
像程序中的字符串一样,b和i将被“硬编码”,而strong和em将被“本地化”。
<b>
并<i>
应避免使用它们,因为它们描述了文本的样式。而是使用<strong>
和,<em>
因为它描述了文本的语义(含义)。
与HTML中的所有内容一样,您应该考虑的不是真正的外观,而是真正的含义。当然,对您而言可能只是粗体和斜体,而对于屏幕阅读器而言则不是。
对于使用<b>
标签的文本加粗
对于使用<strong>
标签很重要的文本
对于使用<i>
标签的文本斜体样式
对于使用<em>
标签的强调文字
仅在由于任何原因使CSS样式类不方便或无法使用时才使用它们(例如博客系统,仅允许在帖子中使用某些标签,并最终允许使用嵌入的样式)。另一个原因是支持非常老的浏览器(某些移动设备?)或原始搜索引擎(提供点<b>
或<strong>
标记,而不是分析CSS样式)。
如果可以定义CSS样式,请使用它们。
实际上,出于这个响应线程中提到的原因,我同时使用了<strong>和<b>。有时候,粗体显示某些文本看起来会更好,但是在语义上并不一定比句子的其余部分重要。这是我目前正在处理的页面上的示例:
“检索有关<b>长曲棍球</ b>的<strong>所有</ strong>图书。”
在那句话中,“全部”一词非常重要,而“曲棍网兜球”则不那么重要-我只是希望它是粗体的,因为它代表一个搜索词,因此我希望进行视觉上的分隔。如果您正在使用屏幕阅读器来查看页面,那么我真的认为不需要强调“长曲棍球”一词。
我会倾向于想象大多数Web开发人员都使用其中一种,但是两者都很好-正如某些人所声称的,<b>绝对不被弃用。对我来说,这只是视觉吸引力和意义之间的一条细线。
<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
正如其他人所说,<b>和<i>是显式的(即“使此文本变为粗体”),而<strong>和<em>是语义的(即“应强调此文本”)。
在现代网络浏览器的背景下,很难看到差异(它们似乎都产生相同的结果,对吗?),但请考虑为视障人士使用屏幕阅读器。如果屏幕阅读器遇到<i>标记,它将不知道该怎么办。但是,如果遇到<em>标签,它就会知道应该将其中的内容强调给侦听器。在其中,您得到了实际的区别。
<em>
并<strong>
比<i>
和消耗更多带宽<b>
。
他们还需要更多的输入(如果不是自动生成的)。
它们还会使编辑器屏幕上出现更多文本。我似乎记得,程序员喜欢较小的源文件(如果相同)。(而且,让我们成为现实,它们是相同的。是的,存在“技术性” 差异(<i> 咳嗽 </ i>,咳嗽,对不起),但这首先是虚假的。”
使用上述任何一个标签,您都可以使用样式表来自定义样式,但是如果您希望它们显示的外观与默认呈现不同,可以使用它们。
尽管<strong>
和<em>
在语义上当然更正确,但似乎肯定有合理的理由将<b>
和<i>
标签用于客户编写的内容。
在此类内容中,单词或短语可能会以粗体或斜体显示,因此通常不应该由我们来分析此类粗体或斜体的语义推理。
此外,这样的内容可以指粗体和斜体词和短语,以传达特定的含义。
一个例子是英语考试题,指示学生替换粗体字。
这是定义的摘要以及建议的用法:
<b>
...文本跨度关注所正在绘制功利的目的,而不输送任何额外的重要性,并没有暗示替代的语态和语气,如关键词在一个文档抽象,产品名称在评论中,可操作的话在交互式文本驱动软件或文章目录。
<strong>
...现在代表的是重要性,而不是强调。
<i>
...以替代的声音或心情表达的文本范围,或以其他方式偏离正常散文,表示某种不同的文本质量,例如分类名称,技术术语,另一种语言的惯用语,思想,或西方文字中的船名。
<em>
表示重点。
(这些都是W3C来源的直接引号,并增加了我的强调。请参阅:https : //rawgithub.com/whatwg/html-differences/master/Overview.html#changed-elements和http://www.w3.org /TR/html401/struct/text.html#h-9.2.1(原始)
<strong>
并<em>
在文档中添加额外的语义含义。碰巧的是,它们还为您的文本提供了大胆的斜体样式。
您当然可以使用CSS覆盖它们的样式。
<b>
而<i>
在另一方面只适用的字体样式,不应再使用。(因为您应该使用CSS进行格式化,并且如果文本实际上很重要,那么无论如何您都可能会将其设置为“强”或“强调”!)
希望有道理。
<b>
并且<i>
是明确的-它们分别指定粗体和斜体。
<strong>
并且<em>
是语义的-它们指定所包含的文本应以某种方式“强”或“强调”,通常是粗体和斜体,但允许通过CSS控制实际样式。因此,这些在现代网页中是首选。
我们将
<strong>
标签用于具有较高优先级的文本,以用于SEO用途,例如产品名称,公司名称等,而<b>
简单则使其变粗。类似地,我们使用
<em>
SEO优先级高<i>
的文本,同时使文本简单斜体。