html src href 路径,src跟href,url的区别

什么是URL: URL是Uniform Resource

Location的缩写,译为“统一资源定位符”。通俗地说,URL是Internet上用来描述信息资源的字符串,主要用在各种WWW客户程序和服务器程序上,特别是著名的Mosaic。采用URL可以用一种统一的格式来描述各种信息资源,包括文件、服务器的地址和目录等。

◇ URL的格式

URL的格式由下列三部分组成:

第一部分是协议(或称为服务方式);

第二部分是存有该资源的主机IP地址(有时也包括端口号); 第三部分是主机资源的具体地址。,如目录和文件名等。

第一部分和第二部分之间用“://”符号隔开,第二部分和第三部分用“/”符号隔开。第一部分和第二部分是不可缺少的,第三部分有时可以省略。

◇ URL示例

文件的URL:

用URL表示文件时,服务器方式用file表示,后面要有主机IP地址、文件的存取路径(即目录)和文件名等信息。有时可以省略目录和文件名,但“/”符号不能省略。

例一:file://ftp.yoyodyne.com/pub/files/foobar.txt

代表存放主机ftp.yoyodyne.com上的pub/files/目录下的一个文件,文件名是foobar.txt。

例二:file://ftp.yoyodyne.com/pub 代表主机ftp.yoyodyne.com上的目录/pub。

例三:file://ftp.yoyodyne.com/ 代表主机ftp.yoyodyne.com上的根目录。

Gopher的URL:

Gopher服务器有可能使用特殊的端口,在这种情况下,主机IP地址与端口之间要用“:隔开。

例一:gopher://gopher.yoyodyne.com/ 表示主机gopher.yoyodyne.com上的gopher服务器。

例二:gopher://gopher.banzai.edu:1234

表示主机gopher.banzai.edu上的gopher服务器,在端口1234上。

网络新闻的URL:

利用URL表示网络新闻组时,如果是usenet的话只要指定出新闻组的名字即可。 例如:news:rec.gardening 表示usenet上的rec.gardening新闻组(园艺)。

HTTP的

URL: 使用超级文本传输协议HTTP,提供超级文本信息服务的资源。

例一:http://www.peopledaily.com.cn/channel/welcome.htm

其计算机域名为www.peopledaily.com.cn。超级文本文件(文件类型为.html)是在目录/channel下的welcome.htm。这是中国人民日报的一台计算机。

例二:http://www.rol.cn.net/talk/talk1.htm 其其计算机域名为www.rol.cn.net。超级文本文件(文件类型为.html)是在目录/talk下的talk1.htm。这是瑞得聊天室的地址,可由此进入瑞得聊天室的第1室。

三、明确了什么是URI与URL后我们来看看href与src的用法:

href:hyperrefresh的缩写,意思是更新,刷新的意思, 这个属性规定被链接文档的位置(URL),用于超链接。

我们在html中用到href的元素

百度

src:search的简写,意思搜索对象,通过是放在图片或框架的时候用到这个让网页去搜索这个对象(有可以是图片或网页等)并显示出来 属性规定在框架中显示的文档的 URL。

ccc.jpg

### HTMLURLSRC HREF 属性的区别 #### 什么是URLURL (Uniform Resource Locator),即统一资源定位符,用来标识互联网上的资源位置。URL本身并不是HTML标签的属性,而是作为`href``src`属性值的一部分来使用。 #### SRC属性详解 `src`属性代表的是“source”,意指来源。此属性主要用于嵌入外部文件至网页中,如图像、脚本、内联框架等内容。当浏览器遇到带有`src`属性的元素时,会暂停当前页面解析过程,优先加载该属性指向的内容,因为这些资源往往是页面显示不可或缺的部分[^3]。 ```html <img src="image/demo.png"> <script src="demo.js"></script> <iframe src="inner.html"></iframe> ``` #### HREF属性详解 `href`(Hyperlink Reference)则用于定义超链接的目标地址。它可以出现在多个不同的HTML元素里,最常见于`<a>`标记之中。通过设置这个属性,可以让用户点击链接跳转到其他网页或是下载文件等操作。其取值既可以是绝对路径也可以是相对路径[^5]。 ```html <a href="https://example.com">访问示例网站</a> <link rel="stylesheet" href="styles.css"> ``` 综上所述,在实际应用过程中: - `url` 是一种协议标准,不是具体的HTML属性; - `src` 主要针对多媒体类别的内容引入; - 而 `href` 更多时候是用来创建导航性的连接关系; 两者虽然都能携带URL信息,但是作用对象服务场景存在明显差异。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值