17370845950

HTML4与HTML5的标签均只支持纯文本，禁止嵌入标签、图标或特殊字符（需转义），图标须通过实现，动态修改document.title属DOM API标准化而非标签扩展。

HTML4 和 HTML5 的 标签内容限制基本一致

两者都要求 必须是纯文本，不能包含任何标签、实体以外的特殊字符（如 、>、& 需转义），且必须位于 内。HTML4 规范明确禁止在 中使用元素；HTML5 虽然更宽松地定义了“可包含字符数据”，但实际渲染和 SEO 行为完全一致——浏览器仍只取文本内容，所有标签都会被忽略或导致解析异常。

常见错误现象：

这种写法在 HTML4 和 HTML5 中都会显示为 “首页 NEW”，即字面量，不会渲染成高亮。

里不能放图标，图标靠

HTML 标准中， 标签的语义仅用于定义文档标题（显示在浏览器标签页、书签、历史记录中），它不支持嵌入图像或图标。所谓“标题栏图标”，实际由独立的 标签控制，与 无关。

HTML5 支持更灵活的图标声明方式，但仍是通过 ，不是 ：

• 传统 favicon：

• HTML5 推荐的多尺寸 PNG（兼容现代浏览器）：

• 支持 Web App Manifest 的 PWA 场景下，图标优先从 manifest.json 读取， 仅作降级

HTML5 新增的 相关行为：动态修改更可靠

虽然语法限制没变，但 HTML5 明确规范了脚本动态修改 document.title 的行为，且所有现代浏览器均稳定支持。这常被误认为是“HTML5 给 加了新能力”，其实是 DOM API 的标准化推进，不是标签本身的扩展。

实操注意点：

• 设置 document.title = "新标题" 会立即更新标签页文字，无需刷新
• 该操作不改变原始 HTML 中的 内容，只影响当前 DOM 状态
• SEO 爬虫通常只读取静态 HTML 的 ，JS 动态改的标题对搜索引擎基本无效

容易被忽略的关键点：编码与截断

无论 HTML4 还是 HTML5， 实际显示受三重限制：源文件编码、HTTP Content-Type 声明、浏览器截断策略。

典型问题：

• 如果 HTML 文件保存为 UTF-8，但响应头未声明 charset=utf-8，中文可能乱码
• Chrome / Edge 对标签页标题显示长度约 50–60 字符（含空格），超出部分会被省略，且不触发 tooltip 提示
• 某些移动浏览器或桌面环境（如 macOS Dock）还会进一步压缩或忽略过长标题

图标路径若写错（比如 href 404），浏览器不会报错，也不会 fallback 到其他 ，只会静默不显示——这点比 更难排查。