html中href和src、link和@import的区别有哪些-创新互联

这篇文章主要介绍html中href和src、link和@import的区别有哪些，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

成都创新互联专注为客户提供全方位的互联网综合服务，包含不限于做网站、网站建设、大柴旦网络推广、重庆小程序开发、大柴旦网络营销、大柴旦企业策划、大柴旦品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们大的嘉奖；成都创新互联为所有大学生创业者提供大柴旦建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

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不支持。

以上是“html中href和src、link和@import的区别有哪些”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

分享文章：html中href和src、link和@import的区别有哪些-创新互联
分享URL：https://www.cdcxhl.com/article30/deidpo.html

成都网站建设公司_创新互联，为您提供小程序开发、企业建站、服务器托管、营销型网站建设、网站收录、微信公众号

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联