html4与html5的标签均只支持纯文本，禁止嵌入标签、图标或特殊字符（需转义），图标须通过实现，动态修改document.title属dom api标准化而非标签扩展。
HTML4 和 HTML5 的 <title></title> 标签内容限制基本一致
两者都要求 <title></title> 必须是纯文本，不能包含任何标签、实体以外的特殊字符（如 、<code>>、& 需转义），且必须位于 内。HTML4 规范明确禁止在 <title></title> 中使用元素；HTML5 虽然更宽松地定义了“可包含字符数据”，但实际渲染和 SEO 行为完全一致——浏览器仍只取文本内容，所有标签都会被忽略或导致解析异常。
常见错误现象：
<title>首页 <span class="highlight">NEW</span></title>这种写法在 HTML4 和 HTML5 中都会显示为 “首页 NEW”，即字面量，不会渲染成高亮。
<title></title> 里不能放图标，图标靠 <link rel="icon">
HTML 标准中，<title></title> 标签的语义仅用于定义文档标题（显示在浏览器标签页、书签、历史记录中），它不支持嵌入图像或图标。所谓“标题栏图标”，实际由独立的 <link> 标签控制，与 <title></title> 无关。
HTML5 支持更灵活的图标声明方式，但仍是通过 <link>，不是 <title></title>：
立即学习“前端免费学习笔记（深入）”；
- 传统 favicon：
<link rel="icon" href="/favicon.ico" type="image/x-icon">
- HTML5 推荐的多尺寸 PNG（兼容现代浏览器）：
<link rel="icon" href="/icon-192.png" sizes="192x192" type="image/png">
- 支持 Web App Manifest 的 PWA 场景下，图标优先从
manifest.json读取，<link>仅作降级
HTML5 新增的 <title></title> 相关行为：动态修改更可靠
虽然语法限制没变，但 HTML5 明确规范了脚本动态修改 document.title 的行为，且所有现代浏览器均稳定支持。这常被误认为是“HTML5 给 <title></title> 加了新能力”，其实是 DOM API 的标准化推进，不是标签本身的扩展。
实操注意点：
- 设置
document.title = "新标题"会立即更新标签页文字，无需刷新 - 该操作不改变原始 HTML 中的
<title></title>内容，只影响当前 DOM 状态 - SEO 爬虫通常只读取静态 HTML 的
<title></title>，JS 动态改的标题对搜索引擎基本无效
容易被忽略的关键点：编码与截断
无论 HTML4 还是 HTML5，<title></title> 实际显示受三重限制：源文件编码、HTTP Content-Type 声明、浏览器截断策略。
典型问题：
- 如果 HTML 文件保存为 UTF-8，但响应头未声明
charset=utf-8，中文可能乱码 - Chrome / Edge 对标签页标题显示长度约 50–60 字符（含空格），超出部分会被省略，且不触发 tooltip 提示
- 某些移动浏览器或桌面环境（如 macOS Dock）还会进一步压缩或忽略过长标题
图标路径若写错（比如 href 404），浏览器不会报错，也不会 fallback 到其他 <link>，只会静默不显示——这点比 <title></title> 更难排查。
