html 中, 元素創建鏈接,將外部資源(如 css 文件或圖標)連接到 html 文檔。其用法包括:連接 css 文件,加載樣式表美化文檔。關聯圖標,在瀏覽器標簽頁和收藏夾中顯示。加載其他外部資源,如 javascript 文件或 xml 數據。
HTML 中 link 的用法
在 HTML 中,<link>
元素用于創建鏈接,將外部資源(如 CSS 文件或圖標)連接到 HTML 文檔。
用法語法:
<link rel="stylesheet" href="style.<a%20style='color:#f60;%20text-decoration:underline;'%20href=" https: target="_blank">css" />
屬性:
rel:指定連接類型,最常見的是 “stylesheet”(用于 CSS 文件)。
href:指定外部資源的 URL。
type:指定資源類型,如 “text/css”(用于 CSS 文件)。
位置:
<link>
元素通常放在 元素內,因為外部資源需要在文檔加載前加載。
用途:
<link>
元素主要用于以下用途:
連接 CSS 文件:加載外部樣式表以美化文檔。
關聯圖標:為網頁關聯圖標(favicon),出現在瀏覽器標簽頁和收藏夾中。
加載其他資源:連接其他類型的外部資源,如 JavaScript 文件或 XML 數據。
示例:
連接 CSS 文件:
<code class="html"><link rel="stylesheet" href="style.css"></code>
登錄后復制
關聯 favicon:
<code class="html"><link rel="icon" href="favicon.ico"></code>
登錄后復制
注意:
<link>
元素是自閉合元素,不需要結束標簽。
確保外部資源的 URL 正確,否則可能會導致鏈接失敗。
使用 <link>
元素時,需要考慮瀏覽器緩存,以提高加載性能。