href和src、link和@import的区别详解
我要评论href和src的区别：
href(Hypertext Reference)：超文本引用，常用的标签有link、a等，用来链接引用的外部资源。在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系，如：
<link href="style.css" rel="stylesheet" />
src(source)：引入资源，引入的src的内容是页面必不可少的一部分。引入的内容会嵌入当前资源到当前文档元素定义的位置，常用的有：img、script、iframe等。如：
<script src="script.js"></script>
在浏览器下载、编译、执行这个文件之前页面的加载和处理会被暂停（当浏览器解析到该元素时，会暂停浏览器的渲染），这也是建议把js文件放到底部加载的原因。img标签页与此类似，浏览器暂停加载直到提取和加载图像。
link和@import的区别：
两者都是外部引用CSS的方式，但区别如下：
区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
区别4：link支持使用JavaScript控制DOM去改变样式；而@import不支持。
以上就是小编为大家整理的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家继续支持脚本之家~~
相关文章
- link与@import这两种方式都是为了加载CSS文件,但还是存在着细微的差别。下面脚本之家小编给大家介绍CSS中link和@import的区别说明，感兴趣的朋友一起看下吧2016-08-12
- link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载;ink支持使用Javascript控制DOM去改变样式；而@import不支持等等，感兴趣的朋友可以参考下哈2013-04-03
引入CSS的方式有哪些?link和@import的有何区别应如何选择
有一些页面比较简单，流量很大的网站，是直接将CSS写在html代码中的？他们有什么区别？CSS用import还是link好？本文搜集整理了一下，感兴趣的朋友可以看看哦，希望本人对你2013-01-23- 本文章详细的介绍了关于link和@import的区别，有需要了解的朋友可以参考一下本文章2012-03-31
CSS两种方式link和@import-CSS教程-网页制作-网页教学网
看到淘宝网页中大部分是这样写的 <style type="text/css" media="screen"> @import url("http://www.taobao.com/home/css/global/v2.0.2008-10-31- base64简单地说，它把一些 8-bit 数据翻译成标准 ASCII 字符，网上有很多免费的base64 编码和解码的工具，目前，IE8、Firfox、Chrome、Opera浏览器都支持这种小文件嵌入2013-09-23
- src和href之间存在区别，能混淆使用。src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。2013-04-03
最新评论