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

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

首先，我們要知道Link標簽有兩個作用：1. 定義文檔與外部資源的關系；2. 是鏈接樣式表。

  link標簽是用於當前文檔引用外部文檔的，其次，這個標簽的rel屬性用於設置對象和鏈接目的間的關系，說白了就是指明你鏈進來的對象是個什么東西的，

 rel各個屬性值配置的意思：
             Alternate -- 定義交替出現的鏈接 

              Stylesheet -- 定義一個外部加載的樣式表 
              Start -- 通知搜索引擎,文檔的開始 
              Next -- 記錄文檔的下一頁.(瀏覽器可以提前加載此頁) 
              Prev -- 記錄文檔的上一頁.(定義瀏覽器的后退鍵) 
              Contents 
              Index -- 當前文檔的索引 
              Glossary -- 詞匯 
              Copyright -- 當前文檔的版權 
              Chapter -- 當前文檔的章節 
              Section -- 作為文檔的一部分 
              Subsection -- 作為文檔的一小部分 
              Appendix -- 定義文檔的附加信息 
              Help -- 鏈接幫助信息 
              Bookmark -- 書簽 

 

    所以說，我們用這樣的方式<link rel="stylesheet" href="css/bootstrap.css">，引入外部的css文件時，一定不能忘記rel屬性的配置。