HTML link 標籤

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

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

HTML link 標籤語法

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

HTML link 標籤範例

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

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

延伸閱讀