src和href究竟有什么区别

作者: 8fda73aa8a1f | 来源:发表于2016-03-11 07:22 被阅读272次

在网站前端开发领域,有很多容易让人疑惑的东西,比如src和href之间的区别,也许每个人都知道怎么用,但是又有几个人能说出二者之间的区别呢?今天我就来给大家谈谈我的拙见。

src是引入,是页面必不可少的一部分,用于替换当前元素,如img、script、iframe等元素上使用;href是引用,是与该页面有关联,用于在当前文档和引用资源之间确立联系,如link和a等标签上使用。

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

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

就这么两个简单的玩意,您是否真正理解了它们了呢?年轻大叔公众号每天为您奉上小而美的前端知识,你我共同成长。

我是年轻大叔

罗辑思维前端开发工程师,个人微信公众号:xuebing_wxb

相关文章

  • src和href究竟有什么区别

    在网站前端开发领域,有很多容易让人疑惑的东西,比如src和href之间的区别,也许每个人都知道怎么用,但是又有几个...

  • Src和href

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

  • src和href

    1.src用于替换当前元素,href用于在当前文档和引用资源之间进行联系2.src是source缩写,指向外部资源...

  • href和src

    href和src区别 路径 相对路径:项目中资源绝对路径:网络资源 样式: 行内样式:设置行的样式页内样式:可以根...

  • src 和 href

    欢迎访问我的博客https://qqqww.com/,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 相同点:sr...

  • 前端面试每日 3+1 —— 第91天

    今天的面试题 (2019.07.16) —— 第91天 [html] 请描述下元素的href和src有什么区别? ...

  • src和href的区别

    src和href的区别

  • src 和 href 的区别

    首先,href 和 src 都是用于外部资源的引入 href href(Hypertext Reference 的...

  • src 和 href 区别

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

  • src和href区别

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

网友评论

    本文标题:src和href究竟有什么区别

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