title属性在link标签中仅作标识和js定位用，不控制样式启用/禁用；真正切换主题需操作disabled布尔值且rel必须为"stylesheet"。
title 属性在 link 标签里**不控制样式启用/禁用，也不影响渲染**，它只是个“名字标签”，纯用于标识和 JS 定位。
为什么改 title 不会切换主题
浏览器只认 rel="stylesheet" 且 disabled=false 的 link 才真正参与样式计算；带 title 的 link 如果 rel 是 "alternate stylesheet"，默认就是“备用”状态，完全不生效。即使你写成 <link rel="stylesheet" title="dark" href="dark.css">，只要没显式设 disabled=false，它就跟一张图片一样——加载了，但不作用于页面。
title 真实可用的两个场景
它只有两个可靠用途：
- 供 JavaScript 快速定位：
document.querySelector('link[title="dark"]')比靠 href 或 class 更稳定（尤其多主题共存时） - 暴露给浏览器菜单：当
rel="alternate stylesheet"+title同时存在，用户才能在 Chrome/Firefox 的「查看 → 页面样式」里看到可选主题列表 —— 但这属于历史遗留交互，日常主题切换不该依赖它
容易踩的坑：误把 title 当开关
常见错误操作包括：
- 只改
link.title = "dark"，以为能激活暗色模式 —— 实际毫无效果 - 用
title区分多套样式但没统一管理disabled，导致多个link同时启用，CSS 规则互相覆盖、调试困难 - 混用
rel="stylesheet"和rel="alternate stylesheet"，结果部分浏览器忽略title，部分只响应菜单项，行为不一致
真正可控、轻量、兼容的切换动作，永远是操作 disabled 布尔值，并确保目标 link 的 rel 是 "stylesheet"。别让 title 承担它设计上就不负责的功能。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
