您现在的位置:首页 >> 前端 >> 内容

如何分辨href,src,url?

时间:2017/12/25 10:38:42 点击:

  核心提示:href(Hypertext Reference)指定网络资源的位置。浏览器会识别href指定的文档,并行下载该文档,并且不会停止对当前文档的处理。link href = style.css rel ...

href(Hypertext Reference)指定网络资源的位置。

浏览器会识别href指定的文档,并行下载该文档,并且不会停止对当前文档的处理。

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

1

浏览器获取到当前资源是一个样式表,但是页面解析不会暂停,但是由于浏览器需要样式规则去画或者渲染页面,渲染过程可能会被暂停。直接将样式写在<style>标签和用@import导入,这两种方式均是加载完成之后才继续该文档的渲染。所以,更推荐href

src(source)是引入。

src指向的文件会替换掉当前的标签,例如<image src = "1.png">,页面会将1.png加载出来,在接着往下解析。

当浏览器解析到该元素时,会暂停浏览器的渲染,直到该资源加载完毕。 

同样,如果将js脚本放在<head>标签中,页面会先加载js文件,这样降低了页面的效率,将js脚本放在底部而不是头部。 

简而言之,src用于替换当前元素;href用于在当前文档和引用资源之间建立联系。

URL(Uniform Resource Locator)统一资源定位符

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

作者:网络 来源:Jane_96的博客