favicon 功能写法与引入的规范化实践指南

avicon 功能写法和引入

HTML 标准建议属性顺序以 rel 开头，因为 rel 是 <link> 的核心属性，其次是 href 和 type，这是大多数现代网站和框架使用的主流属性写法顺序，符合常见规范。

但是不推荐 type、href、rel 顺序的写法，rel 应该放在最前面，HTML5 解析器可以正常处理，但不符合常见习惯，降低可读性。

最推荐：

次推荐：

缺省 type 属性浏览器会自动识别 .ico 文件为 image/x-icon。

简洁，功能正常，适合快速开发或简单项目。

如果你不需要考虑极端兼容性问题，这种写法也是不错的选择。常见文件格式对应的 type 值：

.ico 对应 image/x-icon

.png 对应 image/png

.gif 对应 image/gif

.svg 对应 image/svg+xml

type 属性不是必须的，省略时浏览器会自动推断类型。

为了更好的兼容性和代码规范性，应该直接淘汰 shortcut icon 属性设置，而是直接采用 icon，常规的 .ico、.png、.gif 可以省略 type，而使用 .svg 这种非标准格式时就建议指定 type。