HTML中url,src,href的区别

 

URL(Uniform Resource Locator)

　　统一资源定位符是对能够从互联网上获得的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。

　　互联网上的每一个文件都有一个惟一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。

　　结构

　　　　　　基本URL包含模式（或称协议）、服务器名称（或IP地址）、路径和文件名，如“协议://受权/路径?查询”。

　　　　　　完整的、带有受权部分的普通统一资源标志符语法看上去以下：协议://用户名:密码@子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数=值#标志

　　　第一部分：

　　　　模式/协议（scheme）：它告诉浏览器如何处理将要打开的文件。最经常使用的模式是超文本传输协议（Hypertext Transfer Protocol，缩写为HTTP），这个协议能够用来访问网络。1 其余协议以下：

• • 　　http——超文本传输协议资源
  • 　　https——用安全套接字层传送的超文本传输协议
  • 　　ftp——文件传输协议
  • 　　mailto——电子邮件地址
  • 　　ldap——轻型目录访问协议搜索
  • 　　file——当地电脑或网上分享的文件
  • 　　news——Usenet新闻组
  • 　　gopher——Gopher协议
  • 　　telnet——Telnet协议

　　第二部分：

　　　　文件所在的服务器的名称或IP地址，后面是到达这个文件的路径和文件自己的名称。服务器的名称或IP地址后面有时还跟一个冒号和一个端口号。

　　　　它也能够包含接触服务器必须的用户名称和密码。路径部分包含等级结构的路径定义，

　　　　通常来讲不一样部分之间以斜线（/）分隔。询问部分通常用来传送对服务器上的数据库进行动态询问时所须要的参数。

　分类

　　一、绝对URL

　　　　绝对URL（absolute URL）显示文件的完整路径，这意味着绝对URL自己所在的位置与被引用的实际文件的位置无关。

　　二、相对URL

　　　　相对URL（relative URL）以包含URL自己的文件夹的位置为参考点，描述目标文件夹的位置。若是目标文件与当前页面（也就是包含URL的页面）在同一个目录，

　　　　那么这个文件的相对URL仅仅是文件名和扩展名，若是目标文件在当前目录的子目录中，那么它的相对URL是子目录名，后面是斜杠，而后是目标文件的文件名和扩展名。

　　　　若是要引用文件层次结构中更高层目录中的文件，那么使用两个句点和一条斜杠。能够组合和重复使用两个句点和一条斜杠，从而引用当前文件所在的硬盘上的任何文件，

　　　　通常来讲，对于同一服务器上的文件，应该老是使用相对URL，它们更容易输入，并且在将页面从本地系统转移到服务器上时更方便，只要每一个文件的相对位置保持不变，连接就仍然是有效地。

　　如下为创建路径所使用的几个特殊符号，及其所表明的意义。

• • 　　.：表明目前所在的目录，相对路径。 如：<a href="./abc">文本</a> 或 <img src="./abc" />
  • 　　..：表明上一层目录，相对路径。 如：<a href="../abc">文本</a> 或 <img src="../abc" />
  • 　　../../：表明的是上一层目录的上一层目录，相对路径。 如：<img src="../../abc" />
  • 　　/：表明根目录，绝对路径。 如：<a href="/abc">文本</a> 或 <img src="/abc" />
  • 　　D:/abc/：表明根目录，绝对路径。

　　　　在使用相对路径时，咱们用符号“.”来表示当前目录，用符号“..”来表示当前目录的父目录。

href 和 src 的定义与区别

　　　　 咱们在可替换的元素上使用src，然而把href用于在涉及的文档和外部资源之间创建一个关系。因此src是引入，href是引用

　　

　　　　href (Hypertext Reference)指定网络资源的位置，从而在当前元素或者当前文档和由当前属性定义的须要的锚点或资源之间定义一个连接或者关系。当咱们写下：

　　　　<link href="style.css" rel="stylesheet" /> 

　　　　浏览器明白当前资源是一个样式表，页面解析不会暂停（因为浏览器须要样式规则去画或者渲染页面，渲染过程可能会被被暂停）。这与把css文件内容写在<style>标签里不相同，

　　　　所以建议使用link标签而不是@import来吧样式表导入到html文档里。

　　　　src (Source)属性仅仅 嵌入当前资源到当前文档元素定义的位置。当浏览器找到

　　　　<script src="script.js"></script> 

　　　　在浏览器下载，编译，执行这个文件以前页面的加载和处理会被暂停。这个过程与把js文件放到<script>标签里相似。这也是建议把JS文件放到底部加载的缘由。

　　　　固然，img标签页与此相似。浏览器暂停加载直到提取和加载图像.