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