body元素不允许使用link属性，该属性是HTML4.01已废弃的过时特性，HTML5中被完全移除；link标签也仅限于head内使用，放入body会导致解析错误。
link 属性在 <body> 元素上**不允许**，它根本不是 <body> 的合法属性 —— 这是常见混淆点，根源在于把 <link> 标签和 link 属性混为一谈。
body 元素根本没有 link 属性
所谓 body link="blue" 这种写法，是 HTML 4.01 中**已废弃的过时属性**，且它叫 link，但和 <link> 标签毫无关系。它只用于设置未访问链接的默认颜色，语法是：
<body link="#0000ff" vlink="#800080" alink="#ff0000">
这类属性在 HTML5 中被**完全移除**，现代浏览器虽可能“容忍”渲染，但：
- W3C 验证器会报错
- XHTML Strict 下直接不解析
- 无法通过
document.body.link稳定读取（部分浏览器返回空字符串或undefined） - 不响应 CSS 级联，与
a:link冲突时行为不可控
<link> 标签不能放在 body 里
<link> 是一个**仅限 <head> 内使用的空元素**，常见用途是引入样式表或图标：
<head> <link rel="stylesheet" href="main.css"> <link rel="icon" href="favicon.ico"> </head>
如果误写进 <body>：
- HTML5 规范明确定义为“parse error”，浏览器会尝试纠错（比如自动闭合
<body>并把<link>移到<head>后），但结果不可预测 - W3C 验证器报错：
Element link must not be placed here - 某些构建工具（如 Webpack + HTMLWebpackPlugin）或 SSR 框架可能直接拒绝处理
-
rel="preload"或rel="modulepreload"等现代用法，也必须在<head>，否则不触发预加载
替代方案：用 CSS 控制链接颜色
要控制未访问/已访问/悬停链接的颜色，唯一可靠方式是 CSS：
/* 在 <style> 或 .css 文件中 */
a:link { color: #0066cc; }
a:visited { color: #663399; }
a:hover { color: #ff4500; }
a:active { color: #ff0000; }注意几个实际细节：
-
a:visited受浏览器隐私限制，CSS 中可设的颜色属性非常有限（仅color、background-color、border-color等少数几个） - 不要依赖
<body link>做主题切换 —— 它无法动态生效，也无法配合 class 切换 - 若需 JS 动态改链接色，操作的是
document.styleSheets或直接改a元素的style.color，而非body.link
真正容易被忽略的是：即使旧代码里还留着 <body link="...">，它也不会影响现代 CSS 选择器的匹配优先级；而把 <link> 放进 <body> 看似“能跑”，实则破坏了文档结构语义，后续加微前端、PWA 或 SEO 优化时大概率踩坑。
