请说明在HTML文档中，title元素和h1元素各自扮演什么角色，它们之间的主要区别体现在哪些方面？

回答思路

1. 【回答框架 1】title标签位于head区域内，主要定义浏览器标签页上显示的标题、搜索引擎结果页面中的标题，以及添加到收藏夹时的默认名称。它对用户可见于浏览器界面，但不显示在网页正文内容中。
2. 【回答框架 2】h1标签位于body区域内，是页面内容中的一级标题，主要用于呈现网页内容的结构层次，向读者和搜索引擎传达页面主要内容的大纲。它会直接显示在页面主体内容中。
3. 【回答框架 3】两者在SEO中的作用不同：title对于搜索排名的影响更大，是页面权重较高的关键词位置；h1更多用于页面内部内容结构的组织，两者都是重要的页面优化元素，但不可或缺的地位和用途有区别。
4. 【回答框架 4】在实际使用中，一个页面通常建议只有一个h1，以保证内容逻辑清晰；而title是每个页面必需的，且应简明扼要地概括页面主题。
5. 【关键点 1】title在head中，用于浏览器标签和搜索结果的标题。
6. 【关键点 2】h1在body中，用于页面内容的主标题。
7. 【关键点 3】title和h1对SEO均有作用，但权重和位置不同。
8. 【关键点 4】页面通常只设一个h1，title则每页必有。
9. 【易错点 1】误以为title会显示在页面正文，其实它只在浏览器标签或搜索结果中出现。
10. 【易错点 2】混淆h1与title的复用关系，实质是页面标题（h1）可以接近但不必等同于HTML标题（title）。
11. 【易错点 3】不区分SEO场景中两者的重要性，实际上title的SEO权重通常高于h1。