【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区别的时候千篇一律的回答:
千篇一律.png

参考资料

原文地址:https://www.cnblogs.com/holm/p/12851576.html