理解url href src

原创 2016年05月31日 23:55:09

     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一样,这是编程中的语法规则。





版权声明:本文为博主原创文章,转载请注明出处。

src 与 href 属性的区别以及 url 的概念

src 与 href 属性的区别以及 url 的概念

关于web开发中遇到的href,url, src这几个属性的区别个人小结

href:Hypertext Reference的缩写。意思是超文本引用。 常见到的元素: src: 在HTML语言中,网页中插入图片所用标签, 的src属性用来指定图片位置。 如便...

关于url,src,href的区别联系

URL就是资源(图片,文件,超链接等等)的位置。 URL可以用src和href属性来指定 src是source的缩写,是指向外部资源的位置,指向的内部会迁入到文档中当前标签所在的位置;在请...
  • hasakii
  • hasakii
  • 2017年10月30日 18:17
  • 91

url、src、href定义以及使用区别

url、src、href

url、href、src详解

URL(Uniform Resource Locator) 统一资源定位符,表示从互联网上得到的资源的位置和访问方法,是互联网上标准资源的地址。互联网上每一个文件都有一个唯一的URL,它包含的信息指...

url、src、href定义以及使用区别

url、href、src 详解 现自己居然没把url、href、src关系及使用搞清楚,今天就理一下。主要包括:url、src、href定义以及使用区别。 URL(Uniform Resource...

url、href、src 详解

发现自己居然没把url、href、src关系及使用搞清楚,今天就理一下。主要包括:url、src、href定义以及使用区别。顺便试下在segmentfault来一发。 URL(Uniform Res...

url href src rel的区别

我们在写代码的时候经常会用到rel、href、src、url这几个单词。刚接触的时候会经常搞不清楚该使用哪个。那么这四个单词到底是什么意思呢?我们先来了解一下这几个单词是怎么定义的吧。 1....

URL,href和src的定义与区别

场景二:并发控制
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:理解url href src
举报原因:
原因补充:

(最多只允许输入30个字)