【前端知识总结】:title与h1的区别、b与strong的区别、i与em的区别?

161 阅读2分钟

title 与 h1的区别:

  • 定义:
  1. title:概括了网站的信息,可以告诉搜索引擎或者用户这个网站的主要内容是什么
  2. h1:文章主要内容,告诉蜘蛛该网站的页面内容主要是什么
  • 区别:
  1. title主要显示在网站标题上,h1主要显示在网页内容上
  2. titleh1更加的重要(title > h1)对于seo上来说
  • 场景:
  1. 网站的logo都是用h1标签包裹的
  2. h1用于定义网页内容的标题,以区分不同部分的标题和子标题
  3. title 用于设置网页的标题,以提供用户和搜索引擎页面的标识

b 与 strong的区别:

  • 定义:
  1. b:实体标签,用来给文字加粗的
  2. strong:逻辑标签,用来强调字符语气的
  • 区别:
  1. b标签没有实际含义,单纯加粗文字
  2. strong表示标签内容的重要,用以强调的
  • 场景
  1. b 标签通常用于仅改变文本样式,而不提供额外的语义信息。它用于在不改变文本的含义的情况下使文本粗体显示。例如,用于突出关键字或标识术语
  2. strong 标签用于表示文本的重要性或强调,它具有更强的语义。它告诉浏览器和搜索引擎文本具有特殊的重要性。例如,用于强调警告、注意事项或关键信息

***题外话: 为了符合css的规范,b尽量少用,改用strong标签

i 与 em的区别:

  • 定义:
  1. i:实体标签,用来给文字做倾斜的
  2. em:逻辑标签,用来强调文字内容的
  • 区别:
  1. i标签没有实际含义,单纯的给文字做倾斜
  2. em标签表示内容的重要,用以强调的
  • 场景:
  1. i 标签通常用于仅改变文本样式,而不提供额外的语义信息。它用于在不改变文本的含义的情况下使文本呈现为斜体。例如,用于引述外语词汇、书名、技术术语或其他文本片段
  2. em 标签用于表示文本的重要性或强调,它具有更强的语义。它告诉浏览器和搜索引擎文本具有特殊的重要性。例如,用于强调警告、注意事项、关键信息、引用或其他需要强调的内容