2010-02-10 356 views
18

爲什麼@import不建議鏈接CSS? @import不能做什麼,可以通過<link>來完成,@import是否與瀏覽器有任何不兼容?爲什麼@import不建議鏈接css?

什麼<Link>這是可取的?那麼@import有什麼特色嗎?

我們應該總是使用<link>

+2

重複:http://stackoverflow.com/questions/1022695/difference-between-import-and-link-in-css – mercator 2010-02-10 12:15:05

回答

21

下面是一篇關於表演的文章鏈接,<link>@importdon’t use @import;引用它的一小部分:

使用LINK代替@import如果你想 樣式表在 並行導致更快的頁面下載。

這並不是說老(從2009年4月的 - 即不到一年以前),所以它仍然應該是通常的情況 - 這是由史蒂夫Souders的,他的名字寫的是頗有知名度當涉及到前端表演時。


在更主觀一點,我很喜歡使用一些<link>從我的主HTML文件:這種方式,我能夠在僅看一眼,看看CSS文件叫什麼 - 無論是在尋找模板文件在服務器上,或在客戶端查看生成的HTML源代碼。從文章

+0

真棒文章,謝謝布拉赫。 – Davey 2010-02-10 21:59:23

5

Here's a pretty complete answer on about.com

段:

@import和 <link>

之間的差異確定要使用 該方法之前包括樣式表,你應該 明白什麼兩種方法是打算用於的 。

<link> - 鏈接是第一個方法 用於在您的網頁上包含外部樣式表 。它旨在 將您的網頁與 樣式錶鏈接在一起。它被添加到您的HTML文檔的 這樣的:

<link href="styles.css" type="text/css" />

@import - 導入 讓你一個樣式表 導入到另一個。由於您可以在鏈接的樣式表內導入樣式表 ,所以這比鏈接方案 略微 。但是,如果 您在 HTML文檔的頭一個@import,它寫的是:

<style type="text/css">@import url("styles.css");</style>從 標準來看,沒有 鏈接到 外部樣式表或導入它之間的差異。 無論哪種方式都是正確的,任何一種方式 都可以很好地工作(在大多數 的情況下)。但有幾個原因 你可能想要使用其他的 。

查看文章的其餘部分。

+0

帕斯卡爾鏈接的文章有一個非常好的解釋,爲什麼你不想混合這兩個。我上面鏈接的一個並沒有涉及到近乎那個詳細程度(我不希望它會來自about.com) – Chuck 2010-02-10 12:16:05

+0

非常非常好的文章。謝了哥們!! – jsalonen 2010-02-10 12:17:23

+0

我已閱讀過這篇文章「兩種方法都符合標準,除非您打算支持真正舊的瀏覽器(如Netscape 4),否則沒有充分的理由使用它。」最後說 – 2010-02-10 12:44:49

相關問題