link与@import,src与href

337 阅读1分钟

link与@import

link是html标签,使用href引用css样式表,在加载页面时候,link引用的css会同步加载

@import是在css的语法规则,导入样式作用表,其导入的css将在页面加载完后加载

优先级:行内样式>style标签样式>外联样式>@import导入样式

href与src

href:超文本引用,建立引用资源与当前页面之间联系,在link和a标签中使用,不会阻塞页面加载

src:资源地址,引入内容,是页面中的一部分,在img和script等标签使用,会阻塞页面的加载,比如使用script标签时会暂停页面加载,直到该资源加载完毕,所以js脚本一般推荐放在底部 

<script src="srcipt.js"><script>