HTML 中的 标签用于将外部资源链接到 HTML 文档。其作用包括:引用样式表、设置页面图标、引入外部脚本、预加载资源和定义替代图标。

HTML 中 link 标签的作用
HTML 中的 标签用于将外部资源(如样式表、图标和外部脚本)链接到 HTML 文档。它为浏览器提供有关文档中引用的外部文件的信息。
作用:
-
引用样式表:
标签的href属性可以引用外部 CSS 文件,用于定义文档的样式。 -
设置页面图标:
rel="icon"属性可指定页面图标,在浏览器选项卡和收藏夹中显示。 -
引入外部脚本:
rel="stylesheet"属性可用于引用外部 JavaScript 文件。 -
预加载资源:
rel="preload"属性可让浏览器在页面加载前预加载资源,从而减少页面渲染时间。 -
定义替代图标:
rel="alternate icon"属性可定义针对不同设备或尺寸的替代页面图标。
语法:
立即学习“前端免费学习笔记(深入)”;
- rel:指定与文档的关联类型,例如 "stylesheet"、"icon"。
- href:指定外部资源的路径。
- type:指定外部资源的 MIME 类型,例如 "text/css"、"image/png"。
示例:
-
链接到样式表:
-
设置页面图标:
-
引入外部脚本:











