关于url、src、href的区别

关于url、src、href的区别

url、src、href

都是用来引用的，还有CSS中的url（）函数，看似他们完成的工作相同，但仔细分析是有区别的，了解他们的区别可以帮助我们更好的设计网页。

url：

Uniform Resource Locators 统一资源定位符的简写，浏览器通过URL向web服务器发出请求。

src：

src是source的缩写，表示引入文件，目的是使文件加载到HTML页面中，当浏览器解析时会先加载scr的资源，然后才会执行页面的其他内容。scr的内容是页面必不可少的一部分，包含scr属性的常见标签有：img、script、iframe。

href：

Hypertext
Reference的缩写，表示超文本引用，指向网络资源所在的位置，建立和当前元素（锚点）或当前文档链接之间的链接，他与页面直接的关系为链接关系，在加载href中的内容时页面本身不会停止其他内容的加载，包含href的常见标签有：a、link。

三者区别：
URL是资源定位规则，而src、href是标签的属性，而且scr可以利用url进行页面请求

浏览器解析html时会先加载scr中的资源，此时会阻塞HTML页面的加载，而href则不会，这也是引用的js文件要放在标签后面的原因，否则如果放在head中js代码要放在window.onload中，而引用的css文件直接可以放在head中，它是通过link加载的不会阻塞页面。

href用于在当前文档和引用资源之间确立关系，scr引用的路径使用img、video、audio等要加载的路径，即，href引用的路径是要跳转的地方，scr引用的是页面所使用的图片视频等资源。

CSS中的url（）函数 url（）函数用来处理URL，可以使完整的URL，也可以是相对定位或者绝对定位，主要作用是通过http来加载资源。