必须位于内且唯一，内容为纯文本，禁用 HTML 标签，长度宜 50–60 字符，静态页需硬编码不可依赖 JS 修改。

页面标题必须写在 里，且只能有一个有效

HTML5 规范明确要求 必须是 的直接子元素，且整个文档中仅允许存在一个（多个时，浏览器 只取第一个，其余被忽略）。常见错误是把它误放在 中——这时虽然部分浏览器仍会显示标题，但属于非标准行为，SEO 会失效，无障碍访问 工具 也可能无法读取。

实操建议：

立即学习 “ 前端免费学习笔记（深入）”；

• 检查源码：确保 出现在 和 之间
• 避免动态插入：不要用 JavaScript 在 里通过 document.write() 或 appendChild() 注入 ，这无法被爬虫预渲染识别
• 服务端生成静态页时，确认模板中 不被重复 include 或条件渲染出多个

内容不能含 HTML 标签，也不支持实体以外的特殊字符

是纯文本上下文，所有标签（如 、）都会被原样显示为字符串，不会被解析。例如 在浏览器标签页上会显示成“Hello World”，而不是加粗的“World”。

实操建议：

立即学习 “ 前端免费学习笔记（深入）”；

• 如需显示 &、、> 等字符，必须使用对应 HTML 实体：&、zuojiankuohaophpcn、youjiankuohaophpcn
• 中文、emoji 一般可直接写（UTF-8 编码 前提下），但避免使用罕见 Unicode 字符或控制字符，某些旧版 Windows 浏览器可能渲染异常
• 长度控制在 50–60 字符内：过长会被浏览器截断（尤其移动端标签页），且搜索结果中通常只显示前 60 字符左右

静态页中修改 document.title 仅影响当前会话，不改变源码中的

JavaScript 可以随时执行 document.title = "新标题" 来更新标签页显示内容，这对单页应用（SPA）有用，但对纯 HTML5 静态页意义有限——它不改变原始 HTML 文件里的 ，因此刷新后恢复原值，搜索引擎抓取的仍是源码中的标题。

实操建议：

立即学习 “ 前端免费学习笔记（深入）”；

• 若需多页不同标题，必须为每页单独写对应的 ，不能靠 JS 统一改
• 不要在静态页里写 document.title = …… 作为“默认标题兜底”，这反而增加 JS 执行负担，且无实际 SEO 价值
• 调试时可用浏览器控制台临时测试：document.title = "测试中"，但上线前应删掉这类代码

                
 欢迎访问