html中link標籤的屬性

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="32x32" 表示圖示在 32x32 像素的裝置上顯示。

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>

以上是html中link標籤的屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！