HTML link tag 的設計應用

HTML link tag 的主要功能並不是設定網頁的超連結,而是用來嵌入外部檔案到網頁內使用的一種基本 HTML 屬性,這裡所謂的外部檔案不一定是不同網域的檔案,通常都是同一個網域內的檔案居多,例如網站資料庫內的 CSS 檔案或設定網站本身的 icon。HTML link tag 是基本的 HTML 標準功能,所有主流的瀏覽器都支援 HTML link tag。

HTML link tag 語法
HTML link tag 有三個最重要的部份,屬性是用來設定 link tag 要控制的項目,常用的屬性有 media、rel、rev、target 等,type 用來設定 link 的種類,而 href 則是要嵌入的檔案 URL,也就是檔案位置,這三個項目構成一個完整的 HTML link tag,範例呈現 link tag 的實際用法。

HTML link tag 應用範例
範例所呈現的是 HTML link tag 嵌入 CSS 檔案以及設定網頁根目錄的 icon 效果,當網頁的 CSS 檔案為獨立撰寫的架構,透過 link tag 嵌入是非常便利的。icon 是網頁的小圖示,現在的網頁在瀏覽器上幾乎都會有一個小圖案,那就是用 link tag 把設計好的 icon 寫到網頁中所呈現的效果。由此可知 HTML link tag 的應用範圍很廣,還有其他種不同的屬性可以使用。

標準的 link tag 要寫在 HTML 網頁架構中的 title 標籤或 meta 標籤之下,若您想進一步了解 HTML 的基本設計架構,請參閱:基本的 HTML 網頁架構設計

更多 HTML 架構設計
分享於 2014-12-17