em,i,strong,b标签的区别

Posted 2023-04-03

参考技术A 表现效果上来看，不添加css样式的情况下，i和em标签包裹的文字效果为斜体，而b和strong标签包裹的文字效果为加粗。

i 元素代表在普通文本中具有不同语态或语气的一段文本，某种程度上表明一段不同特性的文本，比如一个分类学名称，一个技术术语，一个外语习语，一个音译，一个想法，或者西方文本中的一艘船名。

em 元素代表对其内容的强调。突出强调的位置会改变语句本身的意义。因此，元素构成内容的一个部分。用这种方式表示强调的程度依赖于是何种语言。
em不是一个普通的斜体标签。有时为了部分文本由于不同的语态或语气需有别于段落的其他部分，这是i标签更为合适。em标签不是为了表明重要性，如果是出于这个目的，strong标签更为合适。

b 元素代表侧重实用目的而不带有任何额外重要性也不暗示不同语态或语气的一段文本，比如一段文本摘要中的关键词、一段审查中的产品名称、文本驱动软件中的可执行语句或者一篇文章的导语。
被用来传达传统上用粗体表达的意义：关键字，产品名称，引导句……

当没有其他元素合适时，最后才考虑用b标签。特别是，标题应该使用h1到h6标签，突出对内容的强调用em标签，突出重要紧急用strong标签，文本标记使用mark标签。
strong 元素代表内容的强烈的重要性、严重性或者紧急性。

strong 元素代表内容的强烈的重要性、严重性或者紧急性。

1、em会对文本含义有改变作用，类似读一句话时重读某一个字或词会表达不一样的意思一样。

2、strong会突出包含文本的重要性、严重性和紧急性等。

3、i标签为了表示不同语态或特性的文本，有点像文字排版里面的那些用斜体表示的内容（技术术语、外语习语这些排版会有不同的内容）。

4、b标签主要是为了突出显示关键词、产品名称等；

b标签的语义规范也是很模糊，所以也是不太建议用。

参考博客： https://www.cnblogs.com/charles-dxb/p/6476196.html/

b与strong ，i与em的区别

1）b与strong的区别

b和strong标签，在网页中默认的情况下均是加粗字体的作用；

b标签是一个实体标签，它所包含的字符将被设为blod粗体，是html语言中的；---视觉化

strong标签是一个逻辑标签，作用是为了加强语气而加粗字体，是xhtml中的，其强调作用，可以用css标

签控制strong强调的方式。----语义化标签

在符合w3c的标准，推荐使用strong标签---语义化

2）i与em的区别

em标签告诉浏览器把其中的文本表示为强调的内容。i标签可以用来把这些名称和其他斜体字区别开来。

在文本中加入强调也需要有技巧。如果强调太多，有些重要的短语就会被漏掉；如果强调太少，就无法真

正突出重要的部分。这与调味品一样，最好还是不要滥用强调。

尽管em标签修饰的内容都是用斜体字来显示，但这些内容也具有更广泛的含义，将来的某一天，浏览

器也可能会使用其他的特殊效果来显示强调的文本。

如果你只想使用斜体字来显示文本的话，请使用 i标签。除此之外，文档中还可以包括用来改变文本显

示的级联样式定义。

链接：http://www.jianshu.com/p/59691c0900d3