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

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

i元素


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

em元素


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

b元素


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

使用建议

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

strong元素


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

总结:

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

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

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

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

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

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

你可能感兴趣的:(em,i,strong,b标签的区别)