美文网首页
面试题 -- src和herf的区别

面试题 -- src和herf的区别

作者: 开着五菱宏光的小白 | 来源:发表于2019-04-21 15:12 被阅读0次

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

  • src

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

<script src ='js.js'></script>

当浏览器解析到该元素时,浏览器会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

  • herf

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

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

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

相关文章

  • 面试题 -- src和herf的区别

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

  • html常用标签

    herf 和src的区别 语义化 标题标签 div标签 span标签 p标签 link标签 img标签 i标签 b...

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

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

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

    今天的面试题 (2019.06.15) —— 第60天 [html] src、href、link的区别是什么? [...

  • 秋招十天-Day1

    Day1 思考题面试题:经典面试题~1.什么是盒子模型?2.简述一下src与href的区别?3.简述同步和异步的区...

  • src和href的区别

    src和href的区别

  • src 和 href 区别

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

  • src和href区别

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

  • href 和src 的区别

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

  • src和href的区别

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

网友评论

      本文标题:面试题 -- src和herf的区别

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