### [link 的 href 不合法：浏览器静默降级](https://www.huociguo.com/article/1767)

**Published:** 2026-10-02T09:58:11

**Author:** 米了

**Excerpt:** link 标签的 href 写了个不合法的地址，浏览器既不报错也不提示，样式表却悄悄加载失败。这类问题难查，因…

link 标签的 href 写了个不合法的地址，浏览器既不报错也不提示，样式表却悄悄加载失败。这类问题难查，因为失败是无声的。

![暖光下的金属链条](https://api.huociguo.com/wp-content/uploads/2026/10/pexels-photo-35740122.jpeg)

地址链上的每一环都必须合法。图片来自 Pexels。

## 浏览器怎么处理

非法值不会被拒绝，而是被静默降级为相对路径解析。地址开头的空格、全角字符、零宽字符，都会参与拼接，最终指向一个不存在的路径，网络面板里留下一条 404。

## 三个典型形态

形态一：复制来的地址带前导空格。href=” /style.css” 拼出 %20 开头的路径，服务器上当然没有。

形态二：零宽字符。从聊天工具或文档里复制的地址常夹带 U+200B 这类不可见字符，肉眼完全看不出。

形态三：base 标签叠加。文档里有 base 时，相对地址先与 base 拼接，base 本身写错，所有相对地址连锁出错。

## 两个特殊值

href=”” 空串指向当前文档，样式场景等于尝试把 HTML 当 CSS 解析。href=”#” 指向当前页锚点，同样不是有效资源。两者都是复制模板时的残留，见到就删。

## 防线

网络面板按状态码排序，404 一目了然。构建流程里接 html-validate 或 htmlproofer，非法地址在提交阶段被拦下。模板里的地址统一走变量或常量，不手写粘贴。

**Tags:** 404排查, base标签, link标签, URL解析, 静态资源

**Categories:** HTML5

---