link 標(biāo)簽允許 html 文檔鏈接外部資源,例如樣式表、圖標(biāo)和字體。rel 屬性指定鏈接類型,最常見的值有:stylesheet:鏈接到樣式表icon:鏈接到網(wǎng)站圖標(biāo)font:鏈接到外部字體文件
HTML 中 link rel 的用法
link 標(biāo)簽簡(jiǎn)介
在 HTML 文檔中,<link>
標(biāo)簽用于將文檔與外部資源(如樣式表、圖標(biāo)和字體)鏈接起來。
rel 屬性的用法
rel
屬性用于指定鏈接的類型或與其關(guān)聯(lián)的資源。有幾種不同的 rel
屬性值,其中最常用的是:
stylesheet
:鏈接到樣式表
icon
:鏈接到網(wǎng)站圖標(biāo)(favicon)
font
:鏈接到外部字體文件
語(yǔ)法
<link>
標(biāo)簽的語(yǔ)法如下:
<code class="html"><link rel="resource-type" href="resource-url"></code>
登錄后復(fù)制
其中:
rel
:指定鏈接的類型
href
:指定外部資源的 URL
示例
鏈接到樣式表:
<code class="html"><link rel="stylesheet" href="styles.<a%20style='color:#f60;%20text-decoration:underline;'%20href=" https: target="_blank">css" /></code>
登錄后復(fù)制
鏈接到網(wǎng)站圖標(biāo):
<code class="html"><link rel="icon" href="favicon.ico"></code>
登錄后復(fù)制
鏈接到外部字體:
<code class="html"><link rel="font" href="fonts/font.ttf"></code>
登錄后復(fù)制
注意事項(xiàng)
link
標(biāo)簽通常放置在 HTML 文檔的 部分。
確保外部資源在服務(wù)器上可用。
多個(gè) link
標(biāo)簽可以鏈接到相同的資源類型(例如多個(gè)樣式表)。
可選的 media
屬性可用于指定媒體查詢,以僅在特定條件下加載資源。