浅析src与href的区别

src与href的区别

SRC

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

  src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和iframe等元素。

  举例:

    script元素:<script src ="js.js"></script>

    当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。

    这也是为什么将js脚本放在底部而不是头部,如果放到头部,那么页面加载速度会变慢,特别是在移动网络的情况下,用户体验会有所损失。

HREF:

  href是Hypertext Reference的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,如果我们在文档中添加

  举例:

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

    那么浏览器会识别该文档为css文件,就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用link方式来加载css,而不是使用@import方式。

    

延伸:@import方式:

    ①@import url()机制是不同于link的,link是在加载页面前把css加载完毕,而@import url()则是读取完文件后在加载,所以会出现一开始没有css样式,闪烁一下出现样式后的页面(网速慢的情况下)。

    ②@import 是css2里面的,所以古老的ie5不支持。 

    ③当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。

    ④link除了能加载css外还能定义RSS【RDF Site Summary 的缩写(RDF是Resource Description Framework的缩写 )】,定义rel连接属性,@import只能加载css

本人网络收纳与总结,非原创,仅供参考。

时间: 2024-10-16 05:36:07

浅析src与href的区别的相关文章

html中的src与href的区别

写代码的时候就经常把这两个属性弄混淆,到底是href还是src,href标识超文本引用,用在link和a等元素上,href是引用和页面关联,是在当前元素和引用资源之间建立联系,src表示引用资源,表示替换当前元素,用在img,script,iframe上,src是页面内容不可缺少的一部分. src是source的缩写,是指向外部资源的位置,指向的内部会迁入到文档中当前标签所在的位置:在请求src资源时会将其指向的资源下载并应用到当前文档中,例如js脚本,img图片和frame等元素. <scri

关于src与href的区别

src和href之间存在区别,能混淆使用.src用于替换当前元素,href用于在当前文档和引用资源之间确立联系. src和href之间存在区别,能混淆使用.src用于替换当前元素,href用于在当前文档和引用资源之间确立联系. src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置:在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素. <script src ="js.js"></scr

CSS_url 、src 、href 的区别

url.href.src 区别 URL(Uniform Resource Locator) 统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址.互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它. 结构 基本URL包含模式(或称协议).服务器名称(或IP地址).路径和文件名,如“协议://授权/路径?查询”.完整的.带有授权部分的普通统一资源标志符语法看上去如下:协议://用户名:密码@子域名.域名.顶级域

src和href的区别

href和src是有区别的,而且是不能相互替换的.我们在可替换的元素上使用src,然而把href用作子啊涉及的文档和外部资源之间建立一个关系.   href(hypertext Reference)指定网络资源的位置,从而在当前文档和由当前属性定义的需要的锚点或资源之间定义要给链接或者关系.当我们写下 <link href=“index.css” rel=“stylesheet”> 浏览器就会明白当前的资源是一个样式表,页面解析不会暂停(因为浏览器需要样式规则去画或者渲染页面,渲染过程可能会被

src与href的区别

src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在的位置.在请求src资源时会将其指向的资源下载并应用到文档中.如js脚本.img图片和frame等元素. <script src=".js"></script>当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到该元素加载.编译和执行结束.因此js脚本应放在底部而非头部. href是hypertext reference的缩写.指向网络资源所在的位置.用于在当前文档与引用资

src与href的区别。

src用于替换当前元素,href用于在当前文档和引用资源之间确立联系. src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置:在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素. <script src ="js.js"></script> 当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载.编译.执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签

简述一下 src 与 href 的区别

src 用于替换当前元素,href 用于在当前文档和引用资源之间确立联系. src 是 source 的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在 位置:在请求 src 资源时会将其指向的资源下载并应用到文档内,例如 js 脚本,img 图片 和 frame 等元素. 当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载.编译.执行 完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内.这也是为什么将 js 脚本放在底部而不是头部. href 是

src 和 href 的区别

因为理解不深,到写外部加载Javascript文件或者css文件的时候总是需要去找个例子,这样可不好.现在总结下 href 属性规定被链接文档的位置(URL). href是hyperrefresh的缩写.意思是更新,刷新的意思.用于超链接 我们在html中用到href的元素 <a href="http://www.baidu.com">百度</a> <link type="image/x-icon" href="./favic

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

URL(Uniform Resource Locator) 统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址.互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它. url分为相对url和绝对url: 1.绝对URL 绝对URL(absolute URL)显示文件的完整路径,这意味着绝对URL本身所在的位置与被引用的实际文件的位置无关. 2.相对URL 相对URL(relative URL)以包含URL本身