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標簽,請在 部分添加以下代碼:
<code class="html"> <link rel="stylesheet" href="style.<a%20style='color:#f60;%20text-decoration:underline;'%20href=" https: target="_blank">css"> <link rel="icon" href="favicon.ico"></code>
登錄后復制
此代碼將鏈接外部CSS文件 style.css
和網站圖標 favicon.ico
。
link標簽的屬性
除了 rel
和 href
屬性之外,link標簽還支持其他屬性,包括:
media:指定CSS文件適用的媒體類型(例如屏幕、打印)。
type:指定外部資源的MIME類型。
sizes:指定圖標的尺寸。
crossorigin:指定訪問外部資源時的跨域設置。
referrerpolicy:指定請求外部資源時發送的HTTP頭。