前端基础之 url src href

在实际使用中有时候会犯糊涂，因此来认真了解下这三者的具体用法。

url

是资源定位器，是一种数据类型，和长度，颜色等属性并列。在写img的路径的时，如<img src="http://www.abc.com"> 这里的引号内的内容就是url。url是src或者href的值。一个完整的url保函了协议（如http）、服务器名称、路径、文件名。

url分为绝对url和相对url。绝对url本身所在的位置与被引用的实际文件的位置无关。相对url是以保函url的文件夹位置为参考点，描述目标文件夹的位置。

url相对路径的写法：

./   表示当前目录。

../   表示上以层目录。

../../   上上层目录

/     代表根目录。

href

指定网络资源的位置，从而在当前元素或当前文档和当前属性定义的需要的锚点或资源之间定义一个链接或者关系。css样式表使用href链接时，页面解析不会暂停。因此通常样式表采用外链的方式。还有一种外链css的方式是<style type="text/css> @import url(my.css);</style>这种方式使用会有一些限制，页面解析可能会被暂停。因此最好采用link标签的方式。

src

用于嵌入当前资源到当前文档元素定义的位置。比如js文件,img文件等。在浏览器下载，编译，执行这个文件之前页面的加载和处理会被暂停。因此，js文件一般放在底部。