urlhref和src的区别

Posted 2020-10-11 Nicholas1729

详细地址：https://segmentfault.com/a/1190000002877022， 以下内容只是个人总结。

 

 URL(Uniform Resource Locator) 统一资源定位符。

---

 

　　统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。

      结构：

　　　　模式（或称协议） + 服务器名称（IP地址）、路径和文件名，例如：https://segmentfault.com/a/1190000002877022。带有授权部分的普通统一资源标识符。

　　分类:    绝对URL 和 相对URL（以包含URL本身的文件夹的位置为参考点）

 

href和src的定义与区别

1.href (Hypertext Reference)网络资源的位置，浏览器识别当前资源是一个样式表，页面解析不会暂停（由于浏览器需要样式规则去画或者渲染页面，渲染过程可能会被被暂停）。这与把css文件内容写在<style>标签里不相同，因此建议使用link标签而不是@import来吧样式表导入到html文档里。

2，src (Source)属性仅仅 嵌入当前资源到当前文档元素定义的位置，在浏览器下载，编译，执行这个文件之前页面的加载和处理会被暂停。这个过程与把js文件放到<script>标签里类似。这也是建议把JS文件放到底部加载的原因。当然，img标签页与此类似。浏览器暂停加载直到提取和加载图像。