主要区别：<em>是基于内容的样式，<i>一个是基于物理的样式。
<i >是视觉要素（presentationl elements），分别表示无意义的加粗，无意义的斜体，仅仅表示样式上是粗体或斜体，而没有强调的语义，这两个标签在HTML4.01中不推荐使用，建议用CSS样式；
<em >是表达要素(phrase elements)。 <em >（emphasized text）表示一般的强调文本，这个标签具有语义。该标签中的内容在搜索引擎中更受重视,一些语音阅读器也会根据它在阅读时加强语气。
扩展资料：
超文本标记语言（外国语简称：HTML）标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。
HTML标签的大小写无关的，例如“主体”<body>跟<BODY>表示的意思是一样的，推荐使用小写。
参考资料：HTML标签百度百科
<i>标签显示斜体文本效果。
<i>标签和基于内容的样式标签 <em> 类似。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。如果这种斜体字对该浏览器不可用的话，可以使用高亮、反白或加下划线等样式。
提示：<i>标签一定要和结束标签 </i>结合起来使用。
注意：由于i同时也是icon的缩写，像bootstrap等一些流行的框架，也经常用<i>标签来存储图标（icon），一般是用css写到<i>标签中
在HTML4.01中：<b > <i >是视觉要素（presentationl elements），分别表示无意义的加粗，无意义的斜体，表现样式为 { font-weight: bolder }，仅仅表示「这里应该用粗体显示」或者「这里应该用斜体显示」，此两个标签在HTML4.01中并不被推荐使用；
<em > 和 <strong > 是表达要素(phrase elements)。 <em >（emphasized text）表示一般的强调文本，而 <strong >（strong emphasized text）表示比 <em >语义更强的的强调文本。
而在新的 HTML5 工作草案 中：
<em > 和 <strong > 仍旧是表达要素(phrase elements)。但这时的 <strong >表示html页面上的强调（emphasized text）， <em >表示句子中的强调（即强调语义）
对于 b 和 i 标签是这样定义的：
The b element now represents a span of text to be stylistically offset from the normal prose without conveying any extra importance, such as key words in a document abstract, product names in a review, or other spans of text whose typical typographic presentation is emboldened.
// b 元素现在描述为在普通文章中仅从文体上突出的不包含任何额外的重要性的一段文本。例如：文档概要中的关键字，评论中的产品名。或者代表强调的排版方式。
The i element now represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, a ship name, or some other prose whose typical typographic presentation is italicized. Usage varies widely by language.
// i 元素现在描述为在普通文章中突出不同意见或语气或其他的一段文本，例如：一个分类名称，一个技术术语，一个外语中的谚语，一个想法等。或者代表斜体的排版方式。
从规范中可以注意到：b 和 i 元素将被赋予真正的语义。更应有预见性注意 b 、i 与 strong 、em 的不同使用 。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）