必须位于内且唯一，内容为纯文本，禁用html标签，长度宜50–60字符，静态页需硬编码不可依赖js修改。
页面标题必须写在 <title></title>
HTML5 规范明确要求 <title></title> 必须是 的直接子元素，且整个文档中仅允许存在一个（多个时，浏览器只取第一个，其余被忽略）。常见错误是把它误放在 中——这时虽然部分浏览器仍会显示标题，但属于非标准行为，SEO 会失效，无障碍访问工具也可能无法读取。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 检查源码：确保
<title>我的网站</title>出现在和之间 - 避免动态插入：不要用 JavaScript 在
里通过document.write()或appendChild()注入<title></title>，这无法被爬虫预渲染识别 - 服务端生成静态页时，确认模板中
<title></title>不被重复 include 或条件渲染出多个
<title></title> 内容不能含 HTML 标签，也不支持实体以外的特殊字符
<title></title> 是纯文本上下文，所有标签（如 <span></span>、<em></em>）都会被原样显示为字符串，不会被解析。例如 <title>Hello <b>World</b>
</title> 在浏览器标签页上会显示成 “Hello World”，而不是加粗的 “World”。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 如需显示
&、、<code>>等字符，必须使用对应 HTML 实体：&、<、> - 中文、emoji 一般可直接写（UTF-8 编码前提下），但避免使用罕见 Unicode 字符或控制字符，某些旧版 Windows 浏览器可能渲染异常
- 长度控制在 50–60 字符内：过长会被浏览器截断（尤其移动端标签页），且搜索结果中通常只显示前 60 字符左右
静态页中修改 document.title 仅影响当前会话，不改变源码中的 <title></title>
JavaScript 可以随时执行 document.title = "新标题" 来更新标签页显示内容，这对单页应用（SPA）有用，但对纯 HTML5 静态页意义有限——它不改变原始 HTML 文件里的 <title></title>，因此刷新后恢复原值，搜索引擎抓取的仍是源码中的标题。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 若需多页不同标题，必须为每页单独写对应的
<title></title>，不能靠 JS 统一改 - 不要在静态页里写
document.title = ...作为“默认标题兜底”，这反而增加 JS 执行负担，且无实际 SEO 价值 - 调试时可用浏览器控制台临时测试：
document.title = "测试中"，但上线前应删掉这类代码
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>产品首页 - 示例科技</title> <meta name="description" content="这是静态首页的描述"> </head> <body> <h1>欢迎访问</h1> </body> </html>
