Почему @import не рекомендуется связывать css? - PullRequest
18 голосов
/ 10 февраля 2010

Почему @import не рекомендуется связывать css? Что @import не может сделать, что может сделать <link>, и имеет ли @import какую-либо несовместимость с браузерами?

Что в <Link> делает целесообразным? И есть ли какая-то специальность в @import, которая полезна?

Должны ли мы всегда, всегда использовать <link>?

Ответы [ 2 ]

21 голосов
/ 10 февраля 2010

Вот ссылка на статью, в которой говорится о выступлениях и <link> против @import: не использовать @ import ; процитировав небольшую его часть:

используйте LINK вместо @import, если вы хочу скачать таблицы стилей в параллель, в результате чего страница быстрее.

Это не то старое (это с апреля 2009 года - то есть менее года назад) , так что это должно быть в основном верно - и это написано Стивом Соудерсом, чье имя довольно хорошо известно, когда дело доходит до фронтальных исполнений.


С другой стороны, я предпочитаю использовать несколько <link> из моего основного HTML-файла: таким образом, я могу лишь одним взглядом увидеть, как называются файлы css - либо посмотреть на файл шаблона на сервере, или глядя на сгенерированный источник HTML на стороне клиента.

5 голосов
/ 10 февраля 2010

Вот довольно полный ответ на about.com

Сегмент из статьи:

Разница между @import и <link>

Прежде чем решить, какой метод использовать включите свои таблицы стилей, вы должны понять, что эти два метода предназначен для использования.

<link> - Связывание является первым методом для включения внешней таблицы стилей на ваших веб-страницах. Предназначен для свяжите вашу веб-страницу с вашим таблица стилей. Добавляется в вашего HTML-документа, например:

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

@ import - Импорт позволяет импортировать одну таблицу стилей в другое. Это немного отличается от сценария связи, потому что вы можете импортировать таблицы стилей внутри связанной таблицы стилей. Но если вы включаете @import в голову Ваш HTML-документ написан:

<style type="text/css">@import url("styles.css");</style> Из с точки зрения стандартов, нет Разница между ссылками на внешняя таблица стилей или ее импорт. В любом случае это правильно, и в любом случае будет работать одинаково хорошо (в большинстве случаев). Но есть несколько причин Вы можете использовать один над другой.

См. Статью для отдыха.

...