title 是 网页标题标签
h1 是文本标签 默认与word的h1相似为最大的标题显示
b 为文本加粗标签 与word的加粗功能相似
strong 为强调语气， 也是为文本加粗 与b标签是有不同
i 标签为斜体 常用于阿里图标 和图片
em 标签为 斜体 用于文本斜体较多

title 是浏览器窗口网页标题
h1 是页面标签，一个页面最好只有一个，利于SEO搜索。
其他的不知道啥区别。只知道 i 标签一般配合图标来使用。

strong是语义化的b em是语义化的i
title是浏览器标题 并且权重最高
h1是文章内容标题

关于 title 和 h1，title 是网页的标题。主要面向的对象是搜索引擎和通过搜索结果过来的人（面向外人，可以理解为报纸首页的标题）。而 h1 是网页内部的标题，是给已经进到页面的人看的（可以理解为报纸某个版面的大标题）。从人类的语境上来理解，两者并没有差别。

b 与 strong 的效果人眼上是无法区分的。在语义上，b 仅表示加粗既装饰用，我们应该使用 CSS 而不应该使用 b；而 strong 则表示被包围的内容很重要，是语气上的感觉。对于搜索引擎来说，会把 b 和 strong 视为同一含义。因此我们在使用上需要注意。

i 与 em 的区别类似 b 和 strong 的区别。i 用于斜体展示，我们应该使用 CSS 而不应该使用 i；而 em 则是对内容的强调，但程度没有 strong 那么高。同样，对搜索引擎来说，两者是没有区别的。

参考文章：
title タグと h1 タグは完全同一がいい?
文字を強調するタグ strong・b・em・i の違いと SEO 効果

title与h1的区别

• 定义：
  title是网站标题，一个页面只能有一个
  h1是文章主题

• 作用：
  title概括网站信息，可以直接告诉搜索引擎和用户这 个网站是关于什么主题和内容的，是显示在网页Tab栏里的；
  h1突出文章主题，面对用户，更突出其视觉效果，指向 页面主体信息，是显示在网页中的。

• 注意：
  如果title为空，但是页面存在h1,b,strong标签，搜索引擎会默认页面title为h1内的内容，所以 得出结论h1是在没有外界干扰下除title以外第二个能强调页面主旨的标记，在一个页面中应该使用且只使用一次h1标记。

b与strong的区别

• 定义：
  b(bold)是实体标签，用来给文字加粗
  strong是逻辑标签，作用是加强字符语气

• 区别：
  b标签只是加粗的样式，没有实际含义，常用来表达无强调或着中意味的粗体文字
  strong表示标签内字符重要，用以强调，其默认格式是加粗，但是可以通过css添加样式，使用别的样式强调

• 建议：为了符合css3的规范语义化，b应尽量少用而改用strong

i与em的区别

• 定义：
  i(italic)是实体标签，用来使字符倾斜
  em(emphasis)是逻辑标签，作用是强调文本内容

• 区别：
  i标签只是斜体的样式，没有实际含义，常用来表达无强调或着重意味的斜体，比如生物学名、术语、外来语；
  em表示标签内字符重要，用以强调，其默认格式是斜体，但是可以通过CSS添加样式。

• 建议：为了符合CSS3的规 范，i应尽量少用而改用em

• tootip:
  物理元素是告诉浏览器我应该以何种格式显示文字，逻辑元素告诉浏览器这些文字有怎么样的重要性。
  对于搜索引擎来说em和strong比i和b要重视的多。

<b>这个标签对应 bold，即文本加粗，其目的仅仅是为了加粗显示文本，是一种样式／风格需求；
<strong>这个标签意思是加强字符的语气，表示该文本比较重要，提醒读者／终端注意。为了达到这个目的，浏览器等终端将其加粗显示；
因此，盲人朋友使用阅读设备阅读网络时：<strong>会重读，<b>不会

从语意视角来认识标签
语义化标签的特点：与内容有关 、<title>、(emphasis)
非语义化标签：与内容无关 、

、

• title是一个属性，浏览器标签页上的标题；<h1>是标签，定义是最大号的标题

• <b>和<strong>在显示上是一致的，都会加粗字体，相当于属性font-weight：bold。但是从语义化角度来讲，<b>的意思是粗体；<strong>是加重，所以在使用阅读设备时，会重读。

• <i>和<em>在显示上是一致的，都是展示位斜体，相当于font-style：italic。但是从语义化的角度来讲，<i>的意思是斜体；<strong>是强调，所以在使用阅读设备时，会加强语气。

<title>是网页的标题，而<h1>是网页的页面的标题
<b>只是单纯的字体加粗，而<strong>有强调作用
<i>只是单纯的字体倾斜，而<em>有强调作用

title 是 网页标题标签
h1 是文本标签 默认与word的h1相似为最大的标题显示
b 为文本加粗标签 与word的加粗功能相似
strong 为强调语气， 也是为文本加粗 与b标签是有不同
i 标签为斜体 常用于阿里图标 和图片
em 标签为 斜体 用于文本斜体较多

title与h1

定义

title是网站标题，一个页面只能有一个
h1是文章主题

作用

title概括网站信息，可以直接告诉搜索引擎和用户这 个网站是关于什么主题和内容的，是显示在网页Tab栏里的；
h1突出文章主题，面对用户，更突出其视觉效果，指向 页面主体信息，是显示在网页中的。

注意

如果title为空，但是页面存在h1,b,strong标签，搜索引擎会默认页面title为h1内的内容

所以h1是在没有外界干扰下除title以外第二个能强调页面主旨的标记，在一个页面中应该使用且只使用一次h1标记。

b与strong的区别

定义

b(bold)是实体标签，用来给文字加粗
strong是逻辑标签，作用是加强字符语气

区别

b标签只是加粗的样式，没有实际含义，常用来表达无强调或着中意味的粗体文字
strong表示标签内字符重要，用以强调，其默认格式是加粗，但是可以通过css添加样式，使用别的样式强调

为了符合css3的规范语义化，尽量少用b而改用strong

i与em的区别

定义

i(italic)是实体标签，用来使字符倾斜
em(emphasis)是逻辑标签，作用是强调文本内容

区别

i标签只是斜体的样式，没有实际含义，常用来表达无强调或着重意味的斜体，比如生物学名、术语、外来语；
em表示标签内字符重要，用以强调，其默认格式是斜体，但是可以通过CSS添加样式。

为了符合CSS3的规 范，尽量少用i而改用em

总结

物理元素是告诉浏览器我应该以何种格式显示文字，逻辑元素告诉浏览器这些文字有怎么样的重要性。
对于搜索引擎来说em和strong比i和b要重视的多。

title是网页的标题
h1是段落的文本标签
b用于加粗文本
strong用于语气加粗
i 是斜体，不过大多用于图标之类的
em用于文本斜体居多

title：是网站标题，概括网站信息，可以直接告诉搜索引擎和用户这个网站是关于什么主义和内容的，是显示在网页tab栏的
h1：是文章主题，作用是突出文章主题，面对用户，更突出其视觉效果，指向页面主体信息，是显示在网页中的
b标签：是实体标签，用来给文字加粗的，加粗的只是样式，没有实际含义，常用来表达无强调或者重意味的粗体文字
strong标签：是逻辑标签，作用是加强字符语气，表示标签内字符重要，用以强调，其默认格式是加粗，但可以通过css添加样式，使用别的样式强调
建议：为了符合CSS3的规范，b应尽量少用而改用strong
i：是实体标签，用来是字符倾斜，没有实际含义，常用来表达无强调或者重意味的斜体
em：是逻辑标签，作用是强调文本内容，表示标签内字符重要，用以强调，其默认格式是斜体，但是可以通过css添加样式
建议：为了符合CSS3的规 范，i应尽量少用而改用em