link和@import的区别

link和@import的区别

link
  • <link> 标签定义文档与外部资源的关系,最常见的用途是链接样式表。除了加载CSS,还可以加载RSS,还可以定义rel连接属性,而@import属于CSS范畴,只能用来加载CSS

HTML和XHTML之间的差异:
HTML中·<link>标签没有结束标签,但在XHTML中必须成对出现,被正确的关闭。

  • link元素是空元素,仅包含属性,只存在于head部分,次数无要求。
    在H5中拥有的新属性:
    link和@import的区别

  • link没有兼容性问题。@import在IE5以上支持,是CSS2.1新增的。

  • 在样式表文件可以使用import导入其它的样式表文件,而link不可以

  • link可以使用JavaScript控制DOM改变样式,@import不支持;

  • link引用css时,页面加载同时加载样式,@import需要页面完全载入以后加载;

  • link除了引用样式文件,还可以引用图片等资源文件,而import只引用样式文件