<title>: 文档标题标签
最后更新：2026-10-13
<title>文档标题标签
定义文档的标题，显示在浏览器标签页和搜索引擎结果中；每个 HTML 文档应且只能有一个 title，且必须放在 head 内。
| 分类 | 元数据 |
|---|---|
| 内容模型 | 仅允许在 head 内 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </title> 标签 |
| 状态 | 标准 |
📝 语法
<title>页面标题</title>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <title> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： title 文字会作为浏览器标签和 SEO 标题，务必简明并含关键词；不能包含其他标签。
❓ 常见问题
Qtitle 多长比较合适？
A搜索引擎一般展示 50-60 个英文字符（或约 30 个中文字符）就截断，超长部分变成省略号。建议核心关键词放前半段、品牌名放末尾，格式如「课程名 - 站点名」，避免堆砌关键词。
Qtitle 里可以放图片或 HTML 吗？
A不可以，
<title> 只接受纯文本，任何标签都会被当作文字显示。需要 logo 的展示位是浏览器标签页图标（favicon），用 link rel='icon' 配置。Q单页应用里怎么动态改 title？
A用 JS：
document.title = '新标题'，路由切换时更新。这对 SEO 有影响——爬虫需要渲染 JS 才能看到，重要页面建议服务端直出 title，SPA 的 title 只作体验优化。🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
