html 中 link 標(biāo)簽的屬性用于鏈接外部資源,具有以下主要屬性:href:指定鏈接資源的 urlrel:定義鏈接與當(dāng)前頁面之間的關(guān)系type:指定鏈接資源的 mime 類型media:指定適用于哪些媒體類型sizes:指定圖標(biāo)在不同設(shè)備上的大小crossorigin:指定是否允許跨域請(qǐng)求
HTML 中 Link 標(biāo)簽的屬性
Link 標(biāo)簽在 HTML 中用于建立與外部資源(如樣式表、腳本、圖標(biāo))之間的聯(lián)系。它具有以下主要屬性:
1. href:指定要鏈接的資源的 URL。這可以是本地文件或遠(yuǎn)程文件。
2. rel:定義鏈接與當(dāng)前頁面之間的關(guān)系。常見的 rel 值包括:
stylesheet:鏈接到一個(gè) CSS 樣式表
icon:鏈接到一個(gè)圖標(biāo)
alternate:鏈接到一個(gè)備用語言版本或設(shè)備版本的頁面
3. type:指定鏈接資源的 MIME 類型。對(duì)于 CSS,type 通常為 “text/css”,對(duì)于圖標(biāo),type 通常為 “image/vnd.microsoft.icon”。
4. media:指定鏈接資源適用于哪些媒體類型。常見的 media 值包括:
all:適用于所有媒體類型
print:僅適用于打印輸出
screen:僅適用于屏幕顯示
5. sizes:指定圖標(biāo)在不同設(shè)備上的大小。例如,sizes=”32×32″ 意味著圖標(biāo)在 32×32 像素的設(shè)備上顯示。
6. crossOrigin:指定是否允許跨域請(qǐng)求。默認(rèn)情況下,crossOrigin 為 “anonymous”,這意味著只能讀取資源的元數(shù)據(jù)。
示例:
以下示例顯示了一個(gè)鏈接到樣式表的 Link 標(biāo)簽:
<code class="html"><link rel="stylesheet" type="text/css" href="style.css"></code>
登錄后復(fù)制
以下示例顯示了一個(gè)鏈接到網(wǎng)站圖標(biāo)的 Link 標(biāo)簽:
<code class="html"><link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="32x32"></code>
登錄后復(fù)制