2010-02-10 4 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

ответ

21

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

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

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


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

+0

Удивительная статья, спасибо брах. – Davey

5

Here's a pretty complete answer on 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> С точки зрения стандартов, нет различия между соединением с внешней таблицы стилей или импортировать его. В любом случае, и в любом случае будет работать одинаково хорошо (в большинстве случаев ). Но есть несколько причин: вы, возможно, захотите использовать один на другом .

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

+0

В статье Паскаля, связанной с ОЧЕНЬ хорошим объяснением, почему вы не хотите смешивать эти два. Тот, который я связал выше, не касается почти такого уровня детализации (я бы не ожидал этого, исходя из about.com) – Chuck

+0

Очень хорошая статья. Спасибо друг!! – jsalonen

+0

Я уже читал эту статью «Оба метода совместимы со стандартами, и если вы не планируете поддерживать действительно старые браузеры (например, Netscape 4), нет никаких оснований для использования.» заявлено в конце –

Смежные вопросы