html中link标签怎么用

html中link标签用于链接外部资源，如css文件、图标和字体。其语法为，其中rel指定类型，href指定资源url。常见类型包括stylesheet（css）、icon（favicon）、font-face（字体）、preconnect（预先连接）、prefect（预取资源）。

HTML中link标签的用法

什么是link标签？

link标签是一种HTML元素，用于将外部资源（例如CSS文件、图标、字体）链接到HTML文档中。

link标签的语法

<code class="html"><link rel="rel-type" href="source-url"></code>

登录后复制

其中：

• rel 属性指定链接的类型，例如 stylesheet、icon 等。
• href 属性指定要链接的外部资源的URL。

link标签的类型

link标签可以用于链接不同类型的外部资源，最常见的类型包括：

• stylesheet：链接外部CSS文件。
• icon：链接网站图标（Favicon）。
• font-face：链接外部字体文件。
• preconnect：预先连接到其他服务器。
• prefect：预取资源，以便快速加载。

使用link标签

要使用link标签，请在 部分添加以下代码：

<code class="html">
  <link rel="stylesheet" href="style.&lt;a%20style='color:#f60;%20text-decoration:underline;'%20href=" https: target="_blank">css"&gt;
  <link rel="icon" href="favicon.ico"></code>

登录后复制

此代码将链接外部CSS文件 style.css 和网站图标 favicon.ico。

link标签的属性

除了 rel 和 href 属性之外，link标签还支持其他属性，包括：

• media：指定CSS文件适用的媒体类型（例如屏幕、打印）。
• type：指定外部资源的MIME类型。
• sizes：指定图标的尺寸。
• crossorigin：指定访问外部资源时的跨域设置。
• referrerpolicy：指定请求外部资源时发送的HTTP头。

以上就是html中link标签怎么用的详细内容，更多请关注叮当号网其它相关文章！