标签与 HTTP 请求的关系
" />
HTML <link> 标签本身不主动触发任何 HTTP 请求方法（如 GET、POST），其行为完全取决于 rel 属性的语义和浏览器/客户端的实现策略；仅当用于预加载类目的（如 rel="preload" 或 rel="prefetch"）时，浏览器才可能发起隐式 GET 请求。
html `` 标签本身不主动触发任何 http 请求方法（如 get、post），其行为完全取决于 `rel` 属性的语义和浏览器/客户端的实现策略；仅当用于预加载类目的（如 `rel="preload"` 或 `rel="prefetch"`）时，浏览器才可能发起隐式 get 请求。
在 Web 开发中，常有人将 <link> 与 <a>、<img> 或 <script> 等标签类比，误以为它“默认发送 GET 请求”。但事实是：<link> 是一个元数据关联标签，而非资源获取触发器。它的核心职责是声明当前文档与外部资源之间的语义关系（relationship），而非发起网络请求。
✅ <link> 的典型用途与实际网络行为
| rel 值 | 是否触发 HTTP 请求？ | 请求方法 | 说明 |
|---|---|---|---|
| stylesheet | ✅ 是（主流浏览器） | GET | 加载 CSS 文件，属于显式资源获取，等效于 <link rel="stylesheet" href="style.css"> → 浏览器自动发起 GET 请求。 |
| icon / apple-touch-icon | ✅ 是 | GET | 获取网站图标，浏览器主动拉取，方法固定为 GET。 |
| preload | ✅ 是（带条件） | GET | <link rel="preload" href="/data.json" as="fetch"> → 浏览器提前用 GET 获取资源，供后续 JS 使用。 |
| prefetch | ✅ 是（空闲时） | GET | <link rel="prefetch" href="/next-page.html" as="document"> → 在浏览器空闲时预取，仅限 GET。 |
| preconnect | ✅ 是（建立连接） | 无请求体 | <link rel="preconnect" href="https://cdn.example.com"> → 触发 DNS 解析 + TCP/TLS 握手，不发送 HTTP 请求，仅为连接准备。 |
| dns-prefetch | ✅ 是（仅 DNS） | 无 HTTP 请求 | 仅解析域名，不发任何 HTTP 方法。 |
| canonical | ❌ 否 | — | 仅 SEO 语义提示，搜索引擎可能 GET 访问验证，但浏览器绝不会自动请求。 |
| webmention | ❌ 否（由服务端逻辑触发） | POST | 定义接收 Webmention 的端点（如 <link rel="webmention" href="https://example.com/webmention">），但实际 POST 请求由第三方服务（如博客系统）在收到通知时发出，非浏览器行为。 |
? 关键结论：<link> 是否发起请求、以何种方法发起，完全由 rel 的语义规范和浏览器实现决定，而非标签本身固有行为。W3C HTML 标准从未为 <link> 定义默认 HTTP 方法。
⚠️ 常见误区澄清
❌ 错误认知：“<link> 和 <img> 一样，都会发 GET”
→ 正解：<img> 是嵌入式资源标签，浏览器必须获取内容渲染；<link rel="stylesheet"> 是特例（因历史兼容性被赋予获取行为），而 <link rel="author"> 或 <link rel="license"> 则永不触发网络请求。❌ 错误认知：“rel="webmention" 表示浏览器会 POST”
→ 正解：该 href 仅作为元数据供外部服务发现端点，浏览器不会主动 POST；POST 由支持 Webmention 协议的服务端（如静态站点生成器或 CMS）在接收到通知后发出。-
⚠️ 注意事项：
anything-to-html下载将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 使用 rel="preload" 时，务必指定 as 属性（如 as="script"、as="font"），否则浏览器可能忽略或降级为普通 GET；
- rel="prefetch" 不保证执行，现代浏览器（Chrome/Firefox）仅在空闲、低带宽下启用，且不适用于跨域敏感资源；
- 所有预加载类 <link> 均只支持 GET，HTTP 方法不可配置（无 method 属性，也不接受 formmethod 等扩展）。
✅ 实用代码示例
<!DOCTYPE html> <html> <head> <!-- ① 显式加载 CSS：浏览器立即发起 GET --> <link rel="stylesheet" href="/main.css"> <!-- ② 预加载关键 JS：页面解析时提前 GET，提升首屏性能 --> <link rel="preload" href="/app.js" as="script"> <!-- ③ 预取下一页面资源（用户可能跳转）：空闲时 GET --> <link rel="prefetch" href="/blog.html" as="document"> <!-- ④ 预连接 CDN：建立 TCP/TLS 连接，不发 HTTP 请求 --> <link rel="preconnect" href="https://cdn.example.com" crossorigin> <!-- ⑤ 仅语义声明：无网络行为 --> <link rel="canonical" href="https://example.com/article"> <link rel="author" href="https://example.com/about"> </head> <body>...</body> </html>
综上，回答原始问题：
立即学习“前端免费学习笔记（深入）”；
<link> 标签本身不触发任何 HTTP 方法；只有特定 rel 值（如 stylesheet、preload、prefetch）在浏览器实现中被赋予 GET 获取语义，且均不可配置为 POST/PUT/DELETE。所谓“<link> 发起 POST”仅存在于协议级元数据场景（如 Webmention），但该请求由服务端逻辑驱动，与浏览器无关。
