理解url href src

版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/u010927640/article/details/51550372

     Web项目开发的时候需要自己写页面,在HTML中经常会用到url/href/src将其他资源引入。今天写一下对它仨的理解。


url】(Uniform Resource Locator


统一资源定位符,表示从互联网上得到的资源的位置和访问方法,是互联网上标准资源的地址。互联网上每一个文件都有一个唯一的url,它包含的信息是指出文件的位置以及浏览器应该怎么处理它,我理解它为地址栏里的东东。


href】(Hypertext Reference

     

     意思是更新,刷新的意思, 这个属性规定被链接文档的位置(url),用于超链接。比如:

                   <linkhref="style.css" rel="stylesheet" />

浏览器明白当前资源是一个样式表,页面解析不会暂停。这与把css文件内容卸载<style>标签里不相同,因此建议使用link标签而不是@import来把样式表导入到html文档里。


   srcSource

     

     嵌入当前资源到当前文档元素定义的位置。当浏览器找到<scriptsrc="aaa.js"></script>,在浏览器下载、编译、执行这个文件之前页面的加载和处理会被暂停。这个过程与把JS文件放到<script>标签里类似。这也是建议把JS文件放到底部加载的原因。img标签与之类似,浏览器暂停加载直到提取和加载图像,一般表示图片的路径。

     其实在web开发中这三个属性都是指向某一个资源,可能是各个语言设计的原因,或者它们代表的意思不一样,只是为了让属性更好的说明他们指向的资源的意义。

下面我来说一下对它们的值的理解:

值可分为两种方式:绝对位置&相对位置

其实如果都换成绝对位置,它们的值之间并没有什么区别。但是如果换成相对资源,那么这些值在某些方面就不一样了,在从服务器端解析到客户端html数据流之前, 服务器端会将相对的资源按照在它们在服务器端的目录结构去寻找资源。如果写在<a href="">超链接中的相对位置,则只会按照浏览器地址栏中目录结构来寻找资源,像mvc中那样,如果修改了请求地址的请求映射方式的话,那么超链接很有可能找不到相应的资源。


【总结】


三种属性,应该在什么时候用,不用纠结,就像1 + 1 = 2一样,这是编程中的语法规则。






猜你喜欢

转载自blog.csdn.net/u010927640/article/details/51550372
今日推荐