前端中src和href的区别

电玩女神 2024-02-19 10:09 201阅读 0赞

前端中src和href的区别

  • 共性
  • 区别
      1. src
      1. href
  • 概括
  • 举例说明

共性

src和href都是HTML中特定元素的属性，都可以用来引入外部的资源。

区别

1. src

全称source，它通常用于img、video、audio、script元素，通过src指向请求外部资源的来源地址，指向的内容会嵌入到文档中当前标签所在位置，在请求src资源时，它会将资源下载并应用到文档内，比如说：js脚本、img图片、frame等元素。

当浏览器解析到该元素时，会暂停其它资源下载，直到将该资源加载、编译、执行完毕。这也是为什么将js脚本放在底部而不是头部的原因。

2. href

全称hyper reference，意味着超链接，指向网络资源，当浏览器识别到它指向的⽂件时，就会并⾏下载资源，不会停⽌对当前⽂档的处理。

概括

src用于替代这个元素，而href用于建立这个标签与外部资源之间的关系。

举例说明

  1. <a href="www.xxx.com">\<\img src="1.jpg">\</a>

a标签里面的内容是一张图片，a标签加上href属性将图片链接到了www.xxx.com这个网站，但并未替换a标签里面的内容，而img标签的src属性则是将这个标签完全替换成了src里面的资源。

发表评论

表情：
评论列表 （有 0 条评论，201人围观）

还没有评论，来说两句吧...

相关阅读

    相关 href和src

    href: 指定网络资源的位置,目的不是为了引用资源，而是为了建立联系，让当前标签能够链接到目标地址。 src: source（缩写），为了引用资源，指向外部资源的...

    蔚落蔚落/ 0 赞/ 182 阅读

    相关 src与href的区别

    1、src src指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将指向的资源下载并应用到文档内，比如img图片、js脚本等，<scri

    Bertha 。Bertha 。/ 0 赞/ 149 阅读