Pelo que andei lendo, HREF
serve para apontar para algo externo(fora da página) que o usuário requisitar, ou que a página que o contêm necessitar usa-lo(no caso das folhas de estilo).
Ou seja, no caso das folhas de estilo, quando apontado com HREF
o navegador não pausa a renderização ou carregamento DOM para aplicar a folha de estilo se a mesma não for usada em algum momento.
Já o SRC
ele pausa a renderização para despejar o conteúdo do arquivo chamado.
Sobre isso que comentei acima, vos pergunto:
- Se possuo uma função que dá um
append
de uma estrutura em HTML de uma Newsletter por exemplo, seria mais eficiente chamar a folha de estilo que faz o "design" dessa Newsletter porHREF
?
Já que no primeiro momento da entrada do usuário no site, não há uso dessa folha, que posteriormente só será usada caso o usuário requisita-se(clica-se em um botão/link para abrir então a Newsletter), sendo assim.. Não haveria a necessidade de pausar a renderização para despejar o CSS que em primeiro momento não vai ser utilizada..
Ficou pouco confuso?! Se eu estiver confundindo alguma coisa, me digam!
Vi esta discussão aqui: https://stackoverflow.com/questions/3395359/difference-between-src-and-href
E até então desconhecia que as folhas de estilos podiam ser chamadas com o atributo HREF, sempre usei SRC e nunca conheci bem a diferença de aplicação para ambas.
src
, enquanto com um link usandohref
isso não acontece. O processamento em si pode parar sim. Além disso, o elementoimg
também utiliza osrc
, mas nesse caso nem o parsing nem o processamento param (i.e. a página é exibida primeiro sem a imagem, e depois com). Não me parece haver uma regra geral para todos os casos. Ou você se refere especificamente a folhas de estilo? – mgibsonbr 11/01/15 às 2:09src
... Para carregar CSS? Como já disse o elias na resposta dele, link com src não é válido. – bfavaretto♦ 11/01/15 às 12:26@import
causa uma requisição síncrona. Portanto ficaria com o<link href...>
no documento principal, como o elias já sugeriu. – bfavaretto♦ 12/01/15 às 18:06