HTML 中 link 标签的作用

HTML 中的 标签用于将外部资源（如样式表、图标和外部脚本）链接到 HTML 文档。它为浏览器提供有关文档中引用的外部文件的信息。

作用：

引用样式表： 标签的 属性可以引用外部 CSS 文件，用于定义文档的样式。

设置页面图标： 属性可指定页面图标，在浏览器选项卡和收藏夹中显示。

引入外部脚本： 属性可用于引用外部 JavaScript 文件。

预加载资源： 属性可让浏览器在页面加载前预加载资源，从而减少页面渲染时间。

定义替代图标： 属性可定义针对不同设备或尺寸的替代页面图标。

语法：

rel：指定与文档的关联类型，例如 “stylesheet”、”icon”。

href：指定外部资源的路径。

type：指定外部资源的 MIME 类型，例如 “text/css”、”image/png”。

示例：

链接到样式表：

<code class="html"><link rel="stylesheet" href="style.css"></code>

设置页面图标：

<code class="html"><link rel="icon" href="favicon.ico"></code>

引入外部脚本：

<code class="html"><link rel="stylesheet" href="script.js"></code>