关于web开发中遇到的href,url, src这几个属性的区别个人小结

2024-04-13 00:32

本文主要是介绍关于web开发中遇到的href,url, src这几个属性的区别个人小结,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

      href:Hypertext Reference的缩写。意思是超文本引用。

常见到的元素:<a href=""> <link href=""/>

src:

在HTML语言中,网页中插入图片所用标签<img>, <img>的src属性用来指定图片位置。

如<img src=jj.bmp>便是插入名为jj.bmp的图象. 此时SRC是source的简写,意思是“源”即image的 源文件为jj.bmp
在汇编中SRC表示源 操作数,source code.
在linux或unix系统的安装包中src为 源代码的目录,例如snort的源码安装中src目录下为snort的源代码。
常见的元素:<img src=""> <script src=""></script>
url: 即统一资源定位符。

其实在web开发中这几个属性都是指向某一个资源, 但是初学者可能会有疑问, 干嘛弄这么多属性,直接使用url不就得了,
可能是各个语言设计的原因,或者他们代表的意思不一样,为了让属性更好的说明他们指向的资源的意义。
下面我来说一下我对它们的值的理解:
它们的值可以分为:绝对位置和相对位置两种方式。
其实如果都换成绝对位置,它们的值之间并没有什么区别;
但是如果换成相对资源,那么这些值在某些方面就不一样了, 在从服务器端解析到客服端html数据流之前, 服务器端会将相对的资源,按照在它们在服务器端的目录结构去寻找资源。
如果写在<a href="">超链接中的相对位置,则只会按照浏览器地址栏中目录结构来寻找资源,像mvc中那样,修改了请求的地址的请求映射方式的话,那么超链接很有可能找不到相应的资源。
总结,其实没必要纠结这些细节,就像1+1=2 一样, 这就是编程中语法规则。以上是个人的理解,只供参考。


这篇关于关于web开发中遇到的href,url, src这几个属性的区别个人小结的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/898667

相关文章

Java判断多个时间段是否重合的方法小结

《Java判断多个时间段是否重合的方法小结》这篇文章主要为大家详细介绍了Java中判断多个时间段是否重合的方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录判断多个时间段是否有间隔判断时间段集合是否与某时间段重合判断多个时间段是否有间隔实体类内容public class D

Java中ArrayList和LinkedList有什么区别举例详解

《Java中ArrayList和LinkedList有什么区别举例详解》:本文主要介绍Java中ArrayList和LinkedList区别的相关资料,包括数据结构特性、核心操作性能、内存与GC影... 目录一、底层数据结构二、核心操作性能对比三、内存与 GC 影响四、扩容机制五、线程安全与并发方案六、工程

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后

SpringBoot中使用 ThreadLocal 进行多线程上下文管理及注意事项小结

《SpringBoot中使用ThreadLocal进行多线程上下文管理及注意事项小结》本文详细介绍了ThreadLocal的原理、使用场景和示例代码,并在SpringBoot中使用ThreadLo... 目录前言技术积累1.什么是 ThreadLocal2. ThreadLocal 的原理2.1 线程隔离2

在MySQL执行UPDATE语句时遇到的错误1175的解决方案

《在MySQL执行UPDATE语句时遇到的错误1175的解决方案》MySQL安全更新模式(SafeUpdateMode)限制了UPDATE和DELETE操作,要求使用WHERE子句时必须基于主键或索引... mysql 中遇到的 Error Code: 1175 是由于启用了 安全更新模式(Safe Upd

Spring AI Alibaba接入大模型时的依赖问题小结

《SpringAIAlibaba接入大模型时的依赖问题小结》文章介绍了如何在pom.xml文件中配置SpringAIAlibaba依赖,并提供了一个示例pom.xml文件,同时,建议将Maven仓... 目录(一)pom.XML文件:(二)application.yml配置文件(一)pom.xml文件:首

解决JavaWeb-file.isDirectory()遇到的坑问题

《解决JavaWeb-file.isDirectory()遇到的坑问题》JavaWeb开发中,使用`file.isDirectory()`判断路径是否为文件夹时,需要特别注意:该方法只能判断已存在的文... 目录Jahttp://www.chinasem.cnvaWeb-file.isDirectory()遇

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点:缺点:

Python创建Excel的4种方式小结

《Python创建Excel的4种方式小结》这篇文章主要为大家详细介绍了Python中创建Excel的4种常见方式,文中的示例代码简洁易懂,具有一定的参考价值,感兴趣的小伙伴可以学习一下... 目录库的安装代码1——pandas代码2——openpyxl代码3——xlsxwriterwww.cppcns.c

MyBatis-Flex BaseMapper的接口基本用法小结

《MyBatis-FlexBaseMapper的接口基本用法小结》本文主要介绍了MyBatis-FlexBaseMapper的接口基本用法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具... 目录MyBATis-Flex简单介绍特性基础方法INSERT① insert② insertSelec