html中link標籤怎麼用
- 下次还敢原創
- 2024-04-27 18:52:331072瀏覽
HTML中link標籤用於連結外部資源，如CSS檔案、圖示和字型。其語法為，其中rel指定類型，href指定資源URL。常見類型包括stylesheet（CSS）、icon（Favicon）、font-face（字體）、preconnect（預先連接）、prefect（預取資源）。
HTML中link標籤的用法
什麼是link標籤？
link標籤是一種HTML元素，用於將外部資源（例如CSS檔案、圖示、字型）連結到HTML文件中。
link標籤的語法
<code class="html"><link rel="rel-type" href="source-url"></code>
其中：
- rel 屬性指定連結的類型，例如stylesheet、 icon 等。
- href 屬性指定要連結的外部資源的URL。
link標籤的類型
link標籤可以用來連結不同類型的外部資源，最常見的類型包括：
- #stylesheet：連結外部CSS檔案。
- icon：連結網站圖示（Favicon）。
- font-face：連結外部字體檔案。
- preconnect：預先連接到其他伺服器。
- prefect：預取資源，以便快速載入。
使用link標籤
要使用link標籤，請在<head> 部分新增以下程式碼：
<code class="html"><head> <link rel="stylesheet" href="style.css"> <link rel="icon" href="favicon.ico"> </head></code>
此程式碼將連結外部CSS檔案style.css 和網站圖示favicon.ico。
link標籤的屬性
除了rel 和href 屬性之外，link標籤也支援其他屬性，包括：
- media：指定CSS檔案適用的媒體類型（例如螢幕、列印）。
- type：指定外部資源的MIME類型。
- sizes：指定圖示的尺寸。
- crossorigin：指定存取外部資源時的跨網域設定。
- referrerpolicy：指定請求外部資源時發送的HTTP頭。
以上是html中link標籤怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：html中li的用法下一篇：html中li的用法