<link>標簽定義了當前文檔與 Web 集合中其他文檔的關系。link 元素是一個空元素,它僅包含屬性。此元素只能存在于 head 部分,不過它可出現任何次數。在 HTML 中,<link> 標簽沒有結束標簽。在 XHTML 中,<link> 標簽必須被正確的關閉。
除了HTML的標準通用屬性之外,link元素還包括很多可選屬性: charset, href, hreflang, media, rel, rev, target, title和type。這些屬性中,target只允許在Transitional和Frameset兩種DTD中使用,其它都可在Strict, Transitional和Frameset三種DTD中使用。
這些屬性中,rel屬性是核心。本文里面,武林站長站就介紹一些自己知道的rel屬性,以及在WordPress中對一些link元素的處理,適合新手朋友學習。
link標簽最多的使用就是用來調用外部樣式表,例如下面這樣:
<link rel="stylesheet" href="http://paranimage.com/wp-content/themes/v5/style.css" type="text/css" media="screen" />
其中href是目標文檔的URL, type則規定了目標URL的MIME類型,而media規定了文檔將顯示在什么設備上。
(2). 打印設備樣式表
下面這個webdesignerwall的樣式表調用就規定了文檔顯示在打印設備上時的CSS樣式 :
<link rel="stylesheet" href="http://www.webdesignerwall.com/wp-content/themes/wdw/print.css" type="text/css" media="print" />
(3). 可替換樣式表
你可能還會在一些網頁中看到諸如下面的樣式表調用代碼:
<link rel="alertnate stylesheet" href="http://paranimage.com/wp-content/themes/v5/red.css" type="text/css" media="screen" />
這段代碼定義了一個可替換的樣式表,它和第一個link元素同時使用,第一個定義了首選樣式,而這個則讓用戶可選擇替換的樣式。但這個替換操作需要瀏覽器支持,但很多瀏覽器比如IE都是不支持的。
所以使用到替換樣式的網頁,一般都用一些樣式表切換的JS,讓用戶可以自由切換界面樣式。這個應該大家都見過,一些網站會給網頁定義多種配色。WordPress用戶有興趣的話,可以下載Small Potato的WPDesigner7這款WordPress主題試用研究一下(或查看DEMO),它利用一個簡單的JS和多個可替換樣式,讓用戶可對網頁改變配色。稍高階的一些,還可以利用JS弄成隨時間變化樣式的,比如白天的時候顯示成明色,晚上的時候顯示成暗色。
注釋: 為首選樣式指定media=”all”,再添加一個打印樣式,會比較符合Web標準(盡管對于普通網站來說,不會有幾個人想要打印你的網頁)。帕蘭映像就沒有定義打印樣式,稍后抽時間搞搞
![]()
新聞熱點
疑難解答
圖片精選