献给迷茫 href 和src的同学

href 表示超文本引用(hypertext reference),在 link和a 等元素上使用,

href 的内容,是与该页面有关联,是引用。

href是Hypertext Reference的缩写(超文本引用),指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,如果我们在文档中添加,link 标签href="common.css" rel="stylesheet"那么浏览器会识别该文档为css文件,就会并行下载资源并且不会停止对当前文档的处理(不会额外消耗资源)。

这也是为什么建议使用link方式来加载css,而不是使用@import方式。

link 或者 a 元素可以不用关联其他内容,这个引用不是必要的。


src 表示来源地址,在 img、script、iframe 等元素上。

src 的内容,是页面必不可少的一部分,是引入。

既然是页面中必要的一部分,那么当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕。

图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内



区别就是,引入和引用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,690评论 1 92
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,602评论 0 8
  • HTML5面试题总结1.基础问题 = 和 == 和 === 的区别?= : 用于赋值 == : 用于判断 === ...
    LorenaLu阅读 5,048评论 0 4
  • 1. 浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层、表示层、行为层分别是:HTML、CSS、Ja...
    程序猿人王小贱阅读 5,869评论 1 11
  • 1.基础问题 1. = 和 == 和 === 的区别? = : 用于赋值== : 用于判断=== : 用于判断,必...
    月光在心中阅读 6,965评论 0 6

友情链接更多精彩内容