1. 程式人生 > >link 標籤中“rel=stylesheet”的作用

link 標籤中“rel=stylesheet”的作用

最近在用link標籤引入外部css檔案的時候,忘記加上rel=stylesheet,結果css樣式顯示不出來,疑惑萬分。加上這個css效果就出現了。

那rel=stylesheet又是何方神聖呢?

首先,我們要知道Link標籤有兩個作用:1. 定義文件與外部資源的關係;2. 是連結樣式表。

link標籤是用於當前文件引用外部文件的,其次,這個標籤的rel屬性用於設定物件和連結目的間的關係,說白了就是指明你鏈進來的物件是個什麼東西的,

rel各個屬性值配置的意思:

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

所以說,我們用這樣的方式,引入外部的css檔案時,一定不能忘記rel屬性的配置。