1. 程式人生 > >html中link的用法

html中link的用法

概述 
link標籤,當在文件中宣告使用外接資源(比如CSS)時使用此標籤
link標籤是單獨出現的
屬性
href -- 指定需要載入的資源(CSS檔案)的地址URI
media -- 媒體型別
rel -- 指定連結型別,設定是指物件和連結目標的關係,可選值, link還可以用Shortcut Icon等
rev -- 指定連結型別
type -- 指定所連線文件的MIME型別,css的MIME是type/css,一般使用type="text/css"

rel 屬性
link標籤中的rel屬性,定義了文件與連結的關係.
rel屬性通常出現在a,link標籤中
屬性值
Alternate -- 定義交替出現的連結
Stylesheet -- 定義一個外部載入的樣式表
Start -- 通知搜尋引擎,文件的開始
Next -- 記錄文件的下一頁.(瀏覽器可以提前載入此頁)
Prev -- 記錄文件的上一頁.(定義瀏覽器的後退鍵)
Contents
Index -- 當前文件的索引
Glossary -- 詞彙
Copyright -- 當前文件的版權
Chapter -- 當前文件的章節
Section -- 作為文件的一部分
Subsection -- 作為文件的一小部分
Appendix -- 定義文件的附加資訊
Help -- 連結幫助資訊
Bookmark -- 書籤

rev 屬性
link標籤中的rev屬性,定義了文件與連結的關係
rev與rel很相似,屬於保留標籤

Alternate 屬性值
alternate是LinkTypes的一個值,網頁設計者可以通過此值,設計交替出現的連結
Alternate屬性值通常在,rel,rev屬性中出現

示例
定義兩種不同的樣式,使用者可以通過瀏覽器選擇樣式(ie不支援此屬性)
<link rel="stylesheet" type="text/css" title="blue" href="dreamdublue.css" />
<link rel="alternate stylesheet" type="text/css" title="red" href="dreamdured.css" />
可以通過http://www.dreamdu.com/feed/讀取http://www.dreamdu.com/的內容
<link rel="alternate" type="application/rss+xml" href="http://www.dreamdu.com/feed/" />
HTML alternate 事例 切換樣式表示例

start next prev 屬性值
start next prev,全部屬於LinkTypes,此值通常可以提示瀏覽器文章的開始,下一篇,上一篇的url
start next prev屬性值通常在,rel,rev屬性中出現
示例
<link rel="start" type="text/html" href="http://www.dreamdu.com/xhtml/" />
<link rel="prev" type="text/html" href="http://www.dreamdu.com/xhtml/alternate/" />
<link rel="next" type="text/html" href="http://www.dreamdu.com/xhtml/attribute_rel/" />
HTML start next prev 示例
next -- 記錄文件的下一頁.(瀏覽器可以提前載入此頁)
prev -- 記錄文件的上一頁.(定義瀏覽器的後退鍵)
start -- 通知搜尋引擎,文件的開始