前端面试：title与h1的区别、b与strong的区别、i与em的区别？
在前端开发中，理解 HTML 标签的区别和语义非常重要，以便更好地组织内容和优化搜索引擎优化（SEO）。以下是 title 与 h1、b 与 strong、i 与 em 的区别：
1. title 与 h1
title:
- 位置：位于 <head> 标签中。
- 目的：定义文档的标题，通常在浏览器标签页显示，搜索引擎结果页面中也使用该标题。
- 语义：表示文档的主题。
- 示例：
<head> <title>我的网页标题</title> </head> h1:
- 位置：位于文档的主体部分，通常在 <body> 标签内。
- 目的：表示页面的主标题，通常用于内容的开始部分，SEO中被认为是最重要的标题。
- 语义：用于展示该网页的主要主题或内容。
- 示例：
<h1>欢迎来到我的网站</h1> 2. b 与 strong
b:
- 目的：用于加粗文本，但没有语义强调。只是为了视觉效果加粗。
- 示例：
<p>这是一个<b>加粗</b>的文本。</p> strong:
- 目的：不仅加粗文本，还赋予其重要性或强调意义，通常用于表示强烈的情感或注意事项。
- 示例：
<p>这是一个<strong>重要</strong>的提醒。</p> 3. i 与 em
i:
- 目的：用于斜体化文本，没有传达语义的目的，主要用于视觉效果。
- 示例：
<p>这是一个<i>斜体</i>的文本。</p> em:
- 目的：用于强调文本，通常会以斜体显示，但也具有语义上的重要性，表示该部分文本在内容中是有重要性的。
- 示例：
<p>这是一个<em>重要</em>的文本。</p> 总结
- title 是文档的标题，而 h1 是页面的主标题。
- b 用于加粗文本，但没有语义，而 strong 用于强调重要性。
- i 用于斜体文本，没有语义，而 em 用于强调文本，具有语义。