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