HTML有哪些标签效果相同但含义不同

在HTML中，有一些标签可以实现相同的效果，但是其含义却是不同的。

1、<strong> and <b> and <h1>

<strong> and <b> and 标题标签均能实现加粗效果，使用方式：

<p><strong> strong text </strong></p>
<p><b> bold text </b></p>
<h3>I am  headings</h3>

实现的效果：

bold text
strong text
I am headings

虽然效果相同，但是<strong>标签侧重于表达当前文本是重要的（important）这一层含义，而<b>只是让文本加粗，没有特殊含义。
不推荐使用标题来使文本变大或加粗，因为搜索引擎使用标题来索引Web页面的结构和内容，如果使用标题来加粗或放大某些文本，有时候会造成额外的搜索成本，以后做seo优化就知道了。

2、<em> and <i>

<em> and <i> 两个标签均能实现 斜体 的效果，使用方式：

<p><em> em italic text </em></p>
<p><i> i italic text </i></p>

实现的效果：

em italic text
i italic text

<em> and <i> 两个标签实现的效果相同，但<em>标签同样侧重于表达当前文本是重要的（important）这一层含义，有这一层含义在，而<i>只是单纯的使得文本斜体，没有特殊含义。