haizlin
[html] 第15天 title与h1的区别、b与strong的区别、i与em的区别？
title 是 网页标题标签 h1 是文本标签 默认与word的h1相似为最大的标题显示 b 为文本加粗标签 与word的加粗功能相似 strong 为强调语气， 也是为文本加粗 与b标签是有不同 i 标签为斜体 常用于阿里图标 和图片 em 标签为 斜体 用于文本斜体较多
title 是浏览器窗口网页标题 h1 是页面标签，一个页面最好只有一个，利于SEO搜索。 其他的不知道啥区别。只知道 i 标签一般配合图标来使用。
关于 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是一个属性，浏览器标签页上的标题；<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：是网站标题，概括网站信息，可以直接告诉搜索引擎和用户这个网站是关于什么主义和内容的，是显示在网页tab栏的 h1：是文章主题，作用是突出文章主题，面对用户，更突出其视觉效果，指向页面主体信息，是显示在网页中的 b标签：是实体标签，用来给文字加粗的，加粗的只是样式，没有实际含义，常用来表达无强调或者重意味的粗体文字 strong标签：是逻辑标签，作用是加强字符语气，表示标签内字符重要，用以强调，其默认格式是加粗，但可以通过css添加样式，使用别的样式强调 建议：为了符合CSS3的规范，b应尽量少用而改用strong i：是实体标签，用来是字符倾斜，没有实际含义，常用来表达无强调或者重意味的斜体 em：是逻辑标签，作用是强调文本内容，表示标签内字符重要，用以强调，其默认格式是斜体，但是可以通过css添加样式 建议：为了符合CSS3的规 范，i应尽量少用而改用em
title用于网站信息标题，突出网站标题或关键字，一个网站能够有多个title，seo权重高于H1；H1归纳的是文章主题，一个页面最好只用一个H1，seo权重低于title。
b为了加粗而加粗，strong为了标明重点而加粗
i为了斜体而斜体，em为了标明重点而斜体，且对于搜索引擎来讲strong和em比b和i要重视的多
