HTML link 標籤

HTML link 標籤是在 head 區域內的標籤,用來控制網頁與外部資源的關係,最常見應用就是導入 css 檔案,所有主流的瀏覽器都支援 HTML <link> 標籤,尤其是支援透過 <link> 標籤嵌入 css 檔案,但 <link> 標籤的其他功能不一定受到所有瀏覽器(browser)的支援。

若您是要找網頁內的連結語法,請參閱《HTML a href 連結屬性》及《HTML 超連結》。

HTML link 標籤語法
<link 屬性 屬性值 種類>
HTML <link> 標籤的屬性有很多種,如 href、media、rel、rev、target、type 等,標準的 HTML <link> 標籤並沒有結尾標籤,所有的資訊都寫在一個 <link> 內,同一個網頁內可以有多個不同的 <link> 標籤,導入多個不同的檔案,每個 <link> 標籤都必須寫在 head 區域內,否則會造成瀏覽器無法判讀的情況,實際寫法請參閱範例。

HTML link 標籤範例
<head>
<title>測試網頁</title>
<link rel="stylesheet" type="text/css" href="this_page.css" />
</head>
範例中呈現的是標準 HTML <link> 標籤嵌入 css 檔案的寫法,其中「rel="stylesheet" type="text/css"」所代表的意思,就是告訴瀏覽器要導入一個在外部的 css 檔案,透過 href 導入名為 this_page.css 的樣式檔案。

其實 HTML link 本身有許多原始功能,但考量到許多瀏覽器對 <link> 的支援程度不一,為了避免寫出來的網頁無法受到多數瀏覽器的支持,我們盡量避免使用其他功能,而且 <link> 的預設功能幾乎都可以被取代,例如用來控制連結開啟視窗的 target 就可以直接寫在內文的 a href 裡面,關於網頁編碼的 charset 屬性也應採用 meta 來處理。

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012