必须放在中,因为浏览器仅在此区域解析并提取标题用于标签页、收藏夹和搜索摘要;写在中会被自动修复但不可靠,旧版ie可能忽略或报错。

页面标题必须用 <title></title> 标签写在 里,别的标签或位置都不生效。
为什么 <title></title> 必须放在 中
浏览器解析 HTML 时,只有在 区域内遇到 <title></title>,才会把它当作文档标题提取出来——显示在浏览器标签页、收藏夹、搜索结果摘要里。如果写在 里,HTML 解析器会自动“修复”结构,把 <title></title> 移进 ,但这个过程不可靠,部分旧版浏览器(如 IE8)可能直接忽略或报错。
- 写在
开头?无效,且可能触发怪异模式 - 用 JavaScript 动态改
document.title?可以,但初始值仍需靠<title></title>标签提供 - 多个
<title></title>?只取第一个,后面的被忽略
<title></title> 里能写什么内容
只能是纯文本,不支持任何 HTML 标签、实体以外的字符引用,也不解析 CSS 或 JS。空格、换行会被压缩成单个空格;连续空格或制表符无意义。
- 允许:中文、英文、数字、常见符号(如
-、|、·),以及&、这类实体 - 禁止:
<span></span>、<script></script>、onclick=...—— 浏览器直接当字符串显示,不执行 - 注意:
&必须写成&,否则会导致 HTML 解析失败或标题截断
SEO 和可访问性相关的实际影响
搜索引擎抓取页面时,<title></title> 是判断页面主题最优先的字段;屏幕阅读器也会第一时间读出它。长度控制不好,会影响点击率和语义传达。
立即学习“前端免费学习笔记(深入)”;
- 建议长度:中文 24–30 字(约 60 字节以内),英文 50–60 字符,过长会被搜索结果截断
- 避免堆砌关键词,如
网站|SEO|优化|建站|教程|免费—— 搜索引擎可能降权 - 动态页面(如 React/Vue)要确保服务端渲染(SSR)或静态生成(SSG)时已输出正确
<title></title>,否则爬虫看到的是空或默认标题
很多人以为用 JS 改 document.title 就算“设置了标题”,其实那只是补救措施——初始加载那一刻的标题,永远只认 里的那个 <title></title> 标签。











