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

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

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

实操建议：

Handsfree Windows Control

通过 handsfree-windows CLI控制 Windows 本机应用 (UIA) 和浏览器 (Playwright) 的引导技能，用于自动化或测试桌面应用。

下载

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

• 检查源码：确保 <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>