: 外链资源标签

最后更新：2026-09-12

<link>外链资源标签

定义当前文档与外部资源的关系，最常见是引入 CSS 样式表，也可做图标、预加载等。

分类	元数据
内容模型	流式内容
允许的父元素	接受流式内容的元素
闭合标签	自闭合 — 无需闭合标签
状态	标准

📝 语法

<link rel="stylesheet" href="style.css">

⚙️ 属性

该元素支持全局属性及以下专有属性：

属性	值	描述
`rel`		关系类型：stylesheet、icon、preload、alternate 等。
`href`		外部资源的地址。
`type`		资源的 MIME 类型（如 text/css）。
`media`		资源适用的媒体/设备条件（如 print、screen）。
`sizes`		图标尺寸，用于 icon（如 32x32）。

查看所有全局属性 → 查看所有事件属性 →

▶ 示例

编辑下方代码，在 playground 中查看实时效果：

🌐 浏览器支持

浏览器	Chrome	Edge	Firefox	Safari	Opera
<link>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： link 是空元素；rel=stylesheet 是最常用写法，决定页面外观。

更多案例即将上线，敬请期待。

📚 相关教程

HTML 标签参考手册

查看全部 HTML 标签的语法、属性与示例。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。