【holm】url,href,src三者之间的关系

• URL(Uniform Resource Locator):互联网统一资源定位符，基本URL包含模式（或称协议）、服务器名称（或IP地址）、路径和文件名。URL可以标识互联网上可的一切资源。
• href(Hypertext Reference):与指定资源建立链接关系。
• src(Sourse):嵌入指定资源到指定位置。

总之：

• URL只是一种定位网络资源的规范，作用是访问网络资源，相当于指明了一条通往目标资源的路线。而href和src定义了两种操作网络资源的方式。
• href在URL的基础上将当前文档与指定资源建立链接关系。
• src在URL的基础上将指定资源加载到本地成为当前页面的一部分。
• 从浏览器渲染页面的进程角度上来说，src会阻塞页面加载，href不会。
• 至于为什么样式表用href而脚本用src，看到有人说是因为src引入进来的资源可能是对整个网页的呈现有支撑作用的，比如图片或者javascript。而css被link进来，是要表达一些附属的含义在里面，比如没有css，网站的核心逻辑和结构是不会受影响的。
• 关于css和js在html中操作资源方式的不同也可以当成是一个历史遗留问题（手动狗头

另外附上一张搜索url,href,src区别的时候千篇一律的回答：

参考资料

• https://segmentfault.com/a/1190000002877022
• 知乎:为什么加载 JavaScript 使用 src，加载 CSS 使用 href？

标签：src,url,URL,holm,href,css,资源,加载
来源： https://www.cnblogs.com/holm/p/12851576.html