html中的link标签的作用

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

HTML 中 link 标签的作用

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

作用：

• 引用样式表：<link> 标签的 href 属性可以引用外部 CSS 文件，用于定义文档的样式。
• 设置页面图标：rel="icon" 属性可指定页面图标，在浏览器选项卡和收藏夹中显示。
• 引入外部脚本：rel="stylesheet" 属性可用于引用外部 javascript 文件。
• 预加载资源：rel="preload" 属性可让浏览器在页面加载前预加载资源，从而减少页面渲染时间。
• 定义替代图标：rel="alternate icon" 属性可定义针对不同设备或尺寸的替代页面图标。

语法：

<link rel="rel-type" href="file-path">

• 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>

以上就是html中的link标签的作用的详细内容，更多请关注编程网其它相关文章！