首页 前端知识 src、href和url含义及区别

src、href和url含义及区别

2024-06-21 00:06:56 前端知识 前端哥 712 101 我要收藏

1.含义

(1)url 统一资源定位符

        一般来说,对于同一服务器上的文件,应该总是使用相对URL,用于资源定位,主要是文件定位

  • “.”:代表目前所在的目录,相对路径。 
  • “..”:代表上一层的目录,相对路径。
  • “../../”:代表的是上一层目录的上一层目录,相对路径。
  • “/”:代表根目录,绝对路径。
  • “D:/aaa/”:代表根目录,绝对路径。

 (2)href
        超文本引用,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接。

(3)src

        引用资源替代当前元素,在img、script、iframe中使用。

2.区别

        使用href:a、link

  使用src:img、script

  href和src有区别的,且不能相互替换的。一般来说,在可替换的元素上使用src,然而把href用于在涉及的文档和外部资源之间建立一个关系。

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

   2)在请求 src 资源时会将其指向的资源下载并应用到文档中,比如 JavaScript 脚本,img 图片;

3.总结

  src指向的内容会嵌入到文档中当前标签所在的位置。常用的有:img、script、iframe。

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

  总结: src用于替换当前元素(比如:引入一张图片);href用于在当前文档和引用资源之间建立联系。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13106.html
标签
评论
发布的文章

jQuery 选择器

2024-05-12 00:05:34

Vue中public/assets目录区别

2024-07-02 23:07:29

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!