必须位于内且仅支持纯文本，是设置标签页图标的唯一有效方式；ios和pwa图标需单独声明，不可复用favicon。
<title></title> 必须写在 里，且只接受纯文本；<link rel="icon"> 是设置标签页图标的唯一有效方式，其他写法基本无效。
标题只能用 <title></title>，且位置不能错
浏览器标签页、SEO、微信分享标题全靠它，不是靠 <h1></h1> 或 document.title 动态赋值撑起来的。
-
<title></title>必须出现在内，写在里会被部分浏览器“修复”，但爬虫和书签会失效 - 不支持任何 HTML 标签、JS 表达式、模板语法（如
{{title}}），只认纯文本；中文、emoji、© 符号可以，但别混入全角空格或不可见 Unicode 字符 - 长度建议 ≤60 字符，超长可能被搜索引擎截断，也影响移动端显示
- 单页应用（SPA）必须服务端输出初始
<title></title>，再用document.title = '新标题'同步更新，否则 SSR 和 SEO 丢内容
<link rel="icon"> 的 type 和 href 必须配对准确
浏览器对 rel="icon" 解析极严格：缺 type、路径 404、MIME 类型不对，图标就静默失败——不会报错，也不会 fallback。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 必须写
rel="icon"，rel="shortcut icon"是过时写法，现代浏览器不依赖它 -
type="image/x-icon"对应.ico文件，type="image/png"对应.png，二者不能混用；Nginx/Apache 需配置.ico返回image/x-iconMIME 类型 -
href要用绝对路径（如/favicon.ico），避免相对路径导致子页面请求错位；本地开发可用./favicon.png，但上线务必统一为根路径 - 即使没写
<link>，浏览器也会自动请求/favicon.ico，所以该路径必须存在或返回 404（否则日志刷屏）
iOS 和 PWA 图标要单独处理，不复用 favicon
添加到 iOS 主屏幕、Android 启动屏、PWA 安装界面，都**不读取** <link rel="icon">，必须显式声明。
- iOS 需要
<link rel="apple-touch-icon" href="/apple-touch-icon.png">，推荐尺寸 180×180，PNG 格式，无透明边框（系统会自动加圆角） - PWA 必须配
manifest.json，其中icons字段定义多尺寸 PNG（如 192×192、512×512），浏览器按设备像素比拉取 - 这些图标和
<title></title>完全无关，只是增强 Web App 感；改完务必换设备+无痕窗口验证，缓存太顽固
最容易被忽略的是：图标加载失败时浏览器完全沉默，你看到的空白图标不会触发控制台警告，也不会提示“找不到文件”。每次上线前，得手动 curl 检查路径、看 Network 面板确认 200、换三台设备点“添加到主屏幕”实测。标题同理——别只盯着页面渲染效果，打开浏览器标签页、收藏夹、微信对话窗，三处都得对得上。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
