美文网首页
href和src的区别

href和src的区别

作者: 踏莎行 | 来源:发表于2021-04-28 19:03 被阅读0次

  从学习html开始,就知道a元素有一个href属性,img元素有一个src属性,好像都是引用了外界的资源,为啥名字就不一样呢??
  href是Hypertext Reference的缩写,就是超文本引用的意思,而src是source的缩写,就是资源的意思

请求资源类型不同

  • href是引用和页面关联,是在当前元素和引用资源之间建立联系。常用的有:link、a
  • src 在请求资源时会将其指向的资源下载并应用到文档中,常用的有script、img 、iframe;

作用结果不同

  • href 的内容,是用当前文档和引用资源之间确立联系,是引用。
  • src 的内容,是页面必不可少的一部分,替换当前内容,是引入。

总结一句话就是一个是引用,一个是引入

解析的区别

  • 浏览器在解析href时,一边会加载其中的资源,一边也会解析页面,比如说使用link导入外界css文件
  • 浏览器在解析src的时候就会停止页面的解析,直到src中的资源全部加载完毕时才会继续解析其他内容,比如说我们js文件会放在页面最下面引入,如果js文件中有页面元素的获取,先执行js文件,dom都还没有加载出来,就获取不到dom,就会报错

相关文章

  • src和href的区别

    src和href的区别

  • src 和 href 区别

    为何都是引用,一个用href 一个用src呢? href标识超文本引用,用在link和a等元素上,href是引用和...

  • src和href区别

    href是Hypertext Reference的缩写,表示超文本引用。用来建立当前元素和文档之间的链接。常用的有...

  • 笔记--href和src的区别 px、em、rem的区别 严格模

    #前端7班+余愿 1,href和src的区别 href:href是Hypertext Reference的缩写,指...

  • href 和src 的区别

    一、 href: 是Hypertext Reference的缩写,表示超文本引用。用来建立当前元素和文档之间的链接...

  • src和href的区别

    href是Hypertext Reference的缩写,表示超文本引用。用来建立当前元素和文档之间的链接。常用的...

  • src和href的区别

    src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。 src是source的缩写,指向外部资源的...

  • href 和src的区别

    href是Hypertext Reference的缩写,表示超文本引用。用来建立当前元素和文档之间的链接。常用的有...

  • href和src的区别

    href:href是Hypertext Reference的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当...

  • src 和 href 的区别

    加载js的时候,用到的是 加载css的时候,用到的是 一个用到的是src,另一个用到的是href,这两个有什么区别...

网友评论

      本文标题:href和src的区别

      本文链接:https://www.haomeiwen.com/subject/kffbrltx.html