标签与 HTTP 请求的关系
" />
HTML 标签本身不主动触发任何 HTTP 请求方法（如 GET、POST），其行为完全取决于 rel 属性的语义和浏览器/客户端的实现策略；仅当用于预加载类目的（如 rel="preload" 或 rel="prefetch"）时，浏览器才可能发起隐式 GET 请求。
html `` 标签本身不主动触发任何 http 请求方法（如 get、post），其行为完全取决于 `rel` 属性的语义和浏览器/客户端的实现策略；仅当用于预加载类目的（如 `rel="preload"` 或 `rel="prefetch"`）时，浏览器才可能发起隐式 get 请求。
在 Web 开发中，常有人将 与 、 或 <script> 等标签类比，误以为它“默认发送 GET 请求”。但事实是：<strong><link> 是一个元数据关联标签，而非资源获取触发器。它的核心职责是声明当前文档与外部资源之间的<strong>语义关系（relationship），而非发起网络请求。</script>
✅ 的典型用途与实际网络行为
| rel 值 | 是否触发 HTTP 请求？ | 请求方法 | 说明 |
|---|---|---|---|
| stylesheet | ✅ 是（主流浏览器） | GET | 加载 CSS 文件，属于显式资源获取，等效于 → 浏览器自动发起 GET 请求。 |
| icon / apple-touch-icon | ✅ 是 | GET | 获取网站图标，浏览器主动拉取，方法固定为 GET。 |
| preload | ✅ 是（带条件） | GET | → 浏览器提前用 GET 获取资源，供后续 JS 使用。 |
| prefetch | ✅ 是（空闲时） | GET | → 在浏览器空闲时预取，仅限 GET。 |
| preconnect | ✅ 是（建立连接） | 无请求体 | → 触发 DNS 解析 + TCP/TLS 握手，不发送 HTTP 请求，仅为连接准备。 |
| dns-prefetch | ✅ 是（仅 DNS） | 无 HTTP 请求 | 仅解析域名，不发任何 HTTP 方法。 |
| canonical | ❌ 否 | — | 仅 SEO 语义提示，搜索引擎可能 GET 访问验证，但浏览器绝不会自动请求。 |
| webmention | ❌ 否（由服务端逻辑触发） | POST | 定义接收 Webmention 的端点（如 ），但实际 POST 请求由第三方服务（如博客系统）在收到通知时发出，非浏览器行为。 |
? 关键结论： 是否发起请求、以何种方法发起，完全由 rel 的语义规范和浏览器实现决定，而非标签本身固有行为。W3C HTML 标准从未为 定义默认 HTTP 方法。
⚠️ 常见误区澄清
❌ 错误认知：“ 和
一样，都会发 GET”
→ 正解：是嵌入式资源标签，浏览器必须获取内容渲染； 是特例（因历史兼容性被赋予获取行为），而 或 则永不触发网络请求。
❌ 错误认知：“rel="webmention" 表示浏览器会 POST”
→ 正解：该 href 仅作为元数据供外部服务发现端点，浏览器不会主动 POST；POST 由支持 Webmention 协议的服务端（如静态站点生成器或 CMS）在接收到通知后发出。-
⚠️ 注意事项：
Article To Html下载文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 使用 rel="preload" 时，务必指定 as 属性（如 as="script"、as="font"），否则浏览器可能忽略或降级为普通 GET；
- rel="prefetch" 不保证执行，现代浏览器（Chrome/Firefox）仅在空闲、低带宽下启用，且不适用于跨域敏感资源；
- 所有预加载类 均只支持 GET，HTTP 方法不可配置（无 method 属性，也不接受 formmethod 等扩展）。
✅ 实用代码示例
<!-- ① 显式加载 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">...
综上，回答原始问题：
标签本身不触发任何 HTTP 方法；只有特定 rel 值（如 stylesheet、preload、prefetch）在浏览器实现中被赋予 GET 获取语义，且均不可配置为 POST/PUT/DELETE。所谓“ 发起 POST”仅存在于协议级元数据场景（如 Webmention），但该请求由服务端逻辑驱动，与浏览器无关。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
