¿Por qué @import no es aconsejable para vincular css?

Question

¿Por qué @import no es aconsejable vincular css? ¿Qué @import no se puede hacer que se puede hacer por <link> y tiene @import incompatibilidad con los navegadores?

¿Qué en <Link> hace que sea aconsejable? ¿Y hay alguna especialidad en @import que sea útil?

¿Deberíamos siempre, siempre usar <link>?

Answer 1

Aquí hay un enlace a un artículo que habla de actuaciones y <link> contra @import: don’t use @import; citando a una pequeña parte de ella:

uso LINK en lugar de @import si desea hojas de estilo para descargar en paralelo lo que resulta en una página más rápido.

No es tan viejo (que es a partir de abril de 2009 - es decir, hace menos de un año), por lo que todavía debe ser todo verdad - y está escrito por Steve Souders, cuyo nombre es bastante bien conocida cuando se trata de actuaciones de front-end.

En un punto más subjetivo, yo prefiero usar varios bastante <link> de mi archivo HTML principal: de esta manera, yo soy capaz de ver sólo un rápido vistazo qué archivos CSS se llaman - ya sea buscando en el archivo de plantilla en el servidor, o mirando la fuente HTML generada en el lado del cliente.

Answer 2

Here's a pretty complete answer on about.com

Segmento de artículo:

La diferencia entre @ importación y <link>

Antes de decidir qué método utilizar para incluyen las hojas de estilo, usted debe entender lo que el dos métodos fueron destinados a ser utilizados.

<link> - Vinculación es el primer método para incluir una hoja de estilo externa en sus páginas web. Está destinado a enlazar su página web con su hoja de estilo . Se añade a la del documento HTML como esto:

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

@ importación - Importación de le permite importar una hoja de estilos en otro. Esto es ligeramente diferente del escenario de enlace, porque puede importar hojas de estilo dentro de una hoja de estilos vinculada. Pero si usted incluye un @ importación en la cabeza de su documento HTML, está escrito:

<style type="text/css">@import url("styles.css");</style> Desde un punto de vista normas, no hay ninguna diferencia entre ligarse a una hoja de estilo externa o importarlo. De cualquier manera es correcta, y de cualquier manera funcionará igual de bien (en la mayoría de los casos ). Sin embargo, hay algunas razones es posible que desee utilizar una sobre la otra .

consulte el artículo para el resto.