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标签的作用的详细内容,更多请关注编程网其它相关文章!