摘要：但是有的人可能會(huì)比較疑惑。特解釋如下個(gè)人覺得應(yīng)該是設(shè)計(jì)了兩個(gè)方案。更多有趣的前端知識(shí)，可關(guān)注我的

最近在Twitter上看到這樣一個(gè)有趣的話題，為什么現(xiàn)在用的是 引入外部共享的樣式文件，而不使用 標(biāo)簽內(nèi)添加；而外部共享的JavaScript文件，則是通過 來引入，共享的樣式文件不是通過 的形式引入，而是通過 形式引入，這是為什么呢？

既然JavaScript代碼片段可以通過 這樣的共享方式引入，那么樣式文件就不可以通過類似的形式引入？w3c為什么要這樣設(shè)計(jì)，是不是因?yàn)闅v史的局限性，或者是...

好了，不扯淡了。w3c這樣設(shè)計(jì)是因?yàn)镴avaScript代碼片段的引入和樣式文件有本質(zhì)的不同。

一個(gè)重要原因是，他們壓根沒有考慮過要實(shí)現(xiàn) 來引入當(dāng)前文檔外部共享的樣式文件，他們的想法就是使用 來引入當(dāng)前文檔外部的資源，如：父文檔，翻譯，或者層疊樣式表等。 元素規(guī)定了當(dāng)前文檔和外部資源之間的關(guān)系，它常用來引入外部的樣式表，我們可以通過rel屬性設(shè)置為stylesheet來使用。通過的設(shè)計(jì)原理，我們知道它應(yīng)該是可以引入scripts的，但是沒有定義與JavaScript相關(guān)的rel屬性值，奇怪的是在HTML 3.2 中，也只是定義了 來引入外部共享的JavaScript文件，至于具體原因我想下面的內(nèi)容可能會(huì)回答這個(gè)問題。

注：其中rel 屬性它用來表示引入的外部資源和當(dāng)前文檔的關(guān)系，href 屬性表示引入的外部資源的url，media 屬性就是媒體查詢，我們可以定義它的值為支持媒體查詢的css代碼片段，也可以是像print, screen 這樣的名詞，當(dāng)然還有其它一些優(yōu)秀的特性，如：preload，prefetch等。詳情可參考MDN link。

Bruce Lawson的解釋可能會(huì)給你打開一些思路，他認(rèn)為 形式的元素，如： 和 它引入的外部文件是被插入當(dāng)文檔中的，而樣式表不是，它是關(guān)聯(lián)當(dāng)前這個(gè)文檔，它作用于不止一個(gè)頁面，而