出于视觉目的,为什么有一个强大而大胆的html标签？

Question

已经做了15年的HTML开发并管理了大量的网站.这些标签在功能上对单词做同样的事情.我可以在CSS中设置每个类似的样式.我甚至通过做强大的显示块刻字或不同颜色的东西来找到强大和大胆的用途......但实际上我可以为此添加一个类.为什么存在这些？我怎么能向新同事解释这个问题,除了"这只是你必须处理的另一个愚蠢/愚蠢的事情,它们实际上是同一个东西？"

已经有一个question-什么之间的区别<b>和<strong>,<i>和<em>？ - 这个问题太旧了,使用不再适用的旧的html/css标准进行了引用和回答.

但是这个问题有一个答案,有425个投票结果或多或少都会被错误所破坏.B和strong不是样式,只是可以作为样式的标签.我理解残障阅读的方面,但不需要新的格式标签来实现这一点.

Answer 1

HTML5区分语义,并不像以前那样严格可视.

在HTML5 <b>和<i>具有特定的含义做<strong>和<em>.按指定使用它们.

4.6.2 em元素:

em元素表示其内容的重点强调.

4.6.3 强大的要素:

强烈的元素代表其内容的重要性,严肃性或紧迫性.

4.6.16 i元素:

i元素代表[...]否则偏离正常散文[...],例如分类标识,技术术语,[...].

4.6.17 b元素:

b元素表示为实用目的而引起注意的文本范围,例如文档摘要中的关键词,评论中的产品名称[...].

HTML5生活标准继续这一说明,强调 B和I元素现在都依据语义来生活,而在HTML4/pre-CSS中,它们与显示非常强烈地联系在一起:

样式表可用于格式化b元素,就像任何其他元素可以重新设置一样.因此,不是b元素中的内容必然是加粗的情况.

遵循上面给出的指导方针,

正确:

It is <strong>important</strong> to empty the <b>Dyson</b> before it overfills.
The <i>Heterocephalus glaber</i> was <em>shivering</em> in the cold.

不正确:

It is <b>important</b> to empty the <strong>Dyson</strong> before it overfills.
The <em>Heterocephalus glaber</em> was <i>shivering</i> in the cold.    

主要内容是由旅行者直接从这个答案中获取的 - 我认为其中包含非常相关的信息.然而,链接的答案并没有真正回答它所回答的问题,并且由于标题不匹配而容易错过.