基础概念解析 - url、src和href的区别
1. url(uniform resource locator) 统一资源定位符
url是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。
> 是互联网上标准资源的地址,≈“地址”,不是属性。
url语法规则:
scheme://host.domain:port/path/filename
* scheme - 定义因特网服务的类型,最常见的类型是 http
* host - 定义域主机(http的默认主机是www)
* domain - 定义因特网域名,比如 w3school.com.cn
* port - 定义主机上的端口号(http的默认端口号是80)
* path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)
* filename - 定义文档/资源的名称
2. href(hypertext reference) 超文本引用
href 指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的联系。href 属性的值可以是任何有效文档的相对或绝对URL,包括片段标识符和JavaScript代码段。若在文档中添加 ,浏览器会识别该文档为 CSS 文件,就会并行下载资源并且不会停止对当前文档的处理。
> href用来建立与网络资源的联系,让当前标签能够链接到目标地址。
常见于: <link rel="stylesheet" type="text/css" href="theme.css"/> * href 规定被链接文档的位置。 * rel 规定当前文档与被链接文档之间的关系。 <a href="http://www.w3school.com.cn">W3School</a> <a href="#" onclick="return false"></a> * href 规定链接指向的页面的 URL。
3. src(source) 嵌入当前资源到当前文档元素定义的位置
src指向外部资源的位置,在请求 src 资源时会将其指向的资源下载并应用到当前文档元素定义的位置(替换当前内容)。在浏览器下载,编译,执行这个文件之前页面的加载和处理会被暂停。
> src用来替换当前元素
常见于: <script type="text/javascript" src="js/tools.js"></script> * src 规定外部脚本文件的 URL。 <img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" /> * src 规定显示图像的 URL。