百度360必应搜狗淘宝本站头条
HTML5 标签标签HTML5 标签 (已废弃)HTML 简介键盘快捷键
当前位置：网站首页 > 技术文章 > 正文

女朋友看了会生气的回答:URI 和 URL 有什么区别?

zhezhongyun 2024-12-08 20:02 35 浏览

URL是什么

URL代表着是统一资源定位符（UniformResourceLocator）。作用是为了告诉使用者 某个资源在 Web 上的地址。这个资源可以是一个 HTML 页面，一个 CSS 文档，一幅图像或一个猫片等等。上面我们请求猫片的URL就是

https://upos-sz-staticks3.bilivideo.com/cmaskboss/164203142_30_1.jpg

这里面细分，又可以分为好几个部分。

协议部分

表示该URL的协议部分为http还是https，会用//为分隔符。上面的URL表示网页用的是HTTPS协议，而上面提到的X影天堂用的则是ftp协议的下载链接。

域名部分

域名是upos-sz-staticks3.bilivideo.com，在发送请求前，会向DNS服务器解析IP。如果已经知道ip，还可以跳过DNS解析那一步，直接把IP当做域名部分使用。

端口部分

域名后面有些时候会带有端口，和域名之间用:分隔，端口不是一个URL的必须的部分。当网址为http://时，默认端口为80

当网址为https://时，默认端口为443，以上两种都可以省略端口号。上面的URL其实省略了443端口号。

虚拟目录

从域名的第一个/开始到最后一个/为止，是虚拟目录的部分。虚拟目录也不是URL必须的部分，本例中的虚拟目录是/cmaskboss/

文件名部分

从域名最后一个/开始到?为止，是文件名部分；如果没有?，则是从域名最后一个/开始到#为止，是文件名部分；如果没有?和#，那么就从域名的最后一个/从开始到结束，都是文件名部分。本例中的文件名是164203142_30_1.jpg，文件名也不是一个URL的必须部分。

URI是什么

URI代表着统一资源标识符（UniformResourceIdentifier)，用于标识某一互联网资源名称。 该种标识允许用户对任何包括本地和互联网的资源通过特定的协议进行交互操作。比如上面URL中的164203142_30_1.jpg。

URL 和 URI 的区别

（1）URL:Uniform Resource Locator统一资源定位符；

（2）URI: Uniform Resource Identifier统一资源标识符；

其实一直有个误解，很多人以为URI是URL的子集，其实应该反过来。URL是URI的子集才对。简单解释下。

假设"小白"(URI)是一种资源，而"在迪丽亦巴的怀里"表明了一个位置。如果你想要找到（locate）小白，那么你可以到"在迪丽亦巴怀里"找到小白，而"在迪丽亦巴怀里的/小白"才是我们常说的URL。而"在迪丽亦巴怀里的/小白"（URL）显然是"小白"（URI）的子集，毕竟，"小白"还可能是"在牛亦菲怀里的/小白"（其他URL）。

如果你想每天学习一个知识点？

对于准备成为一名优秀程序员的朋友，如果你想更好的提升你的编程核心能力（内功），让自己成为一个具有真材实料的厉害的程序员，不妨从现在开始！C/C++，永不过时的编程语言~

编程学习书籍分享：

编程学习视频分享：

整理分享（多年学习的源码、项目实战视频、项目笔记，基础入门教程）

欢迎转行和学习编程的伙伴，利用更多的资料学习成长比自己琢磨更快哦！

对于C/C++感兴趣可以关注小编在后台私信我：【编程交流】一起来学习哦！可以领取一些C/C++的项目学习视频资料哦！已经设置好了关键词自动回复，自动领取就好了！

相关推荐

饿了么面试官:实现一下 Element-UI 官网的主题切换动画!

最近看到ElementPlus官网上的切换主题方式非常有趣，这是一个过渡的动画效果所以在网上查了一番，找到基本的实现方法实现基本效果首先我们起一个html文件，写一个按钮，以及简单的背景颜色切...

强大而好用的选择器:focus-within

伪类和伪元素在开发网页样式中，选择器必不可少，而且选择器也是在开发css中非常重要的内容，包括常用的类选择器，id选择，同时还有伪类，伪类选择器最大的特点就是冒号开头。平时也经常会有小伙伴问到，在使用...

令程序员惊叹的一些CSS3效果库

还在寻找那些CSS3的效果库吗？如果你的答案是肯定的，并且目前没有找到，那么你一定不能错过小编为大家收集的这些CSS3效果库，这是一个令你兴奋的集合！最新的CSS3都配备了新的特性，来设计创建动画和互...

伪元素黑魔法:一个替代onerror解决图片加载失败的方案

问题的引出是这样的，在一个项目中有大量的页面主体是table做数据展示，所以就封装了一个table的组件，提供动态渲染的方案。有个问题是数据类型中有图片，对于图片的加载失败我们需要做容错。一般我们的思...

前端 - 如何通过CSS修改图片透明度

如果在图片上显示文字，经常会遇到这个情况，就是当文字和背景颜色差不多时，文字会看不清楚，我们一般通过给文字加textshadow或者修改图片的透明度来让文字显示更加突出。我们今天说一下透明度的问题，...

CSS元素居中方法完全指南

这里是工作狂的聚集地职场学术新媒体设计极客专门治愈处女座强迫症。本文为CSS入门翻译redman9原载CSS-Trick人们经常抱怨在CSS中居中元素的问题，其实这个问题并不复杂，只是因为方法众...

CSS图像 hover 动画效果

点击页底“阅读原文”下载原码CSSHover在网页设计中是极为常用的一个CSS效果，只要你有创造力，都可以让Hover变得更多姿多彩，今天我们主要分享40多款使用CSSHOVER完成...

前端能限制用户截图吗?

摘要：在某些业务场景下，保护屏幕信息的私密性，防止用户随意截图分享，成为了前端开发者的一个棘手需求。但浏览器和操作系统的设计，真的允许网页开发者完全掌控用户的截图行为吗？本文将深入探讨前端限制截图的...

每天一个CSS小技巧 - 不规则投影

当我们想给一个矩形或者其他能用border-radius生成的形状加投影时，box-shadow的表现都很棒的。但是，当元素添加可一些伪元素或半透明的装饰之后，border-radius会无视这些。这...

Web开发中10个有用的免费CSS代码

在本文中主要展示了在Web开发中一些免费但是非常有用的代码，开发人员可以下载它们来简化工作流程。在这个集合中的所有代码都是经过精挑细选的，对于开发人员来说非常有用。在开发一个网站时，这些代码将节省大量...

什么是伪类和伪元素?两者有什么区别?单一冒号和双冒号有何不同

https://juejin.im/post/5df1e312f265da33d039d06d?utm_source=bigezhang.com#comment伪类伪类存在的意义是为了通过选择器找到那...

CSS2与CSS3中常用的伪类汇总大全

CSS2与CSS3中有非常多的伪类，可以用于实现各种强大的、酷炫的功能。有用于选择标签状态的，如：a:linka:hoverinput:checkedinput:focus等；也有用于根据结构选...

实用!这8个CSS工具可以提升编程速度

作为网页设计师，为了在预期的时间内能完成项目，前期肯定是要进行大量练习的。但是如果你花了大量的时间在编写CSS代码上，那无疑是浪费时间。工欲善其事必先利其器，聪明的设计师善于利用工具提升他们的编码效率...

《丝路传说怀旧版》宠物融合丹:属性加成与技能继承要点

在《丝路传说怀旧版》中，宠物融合丹是优化宠物属性与技能的核心道具，其使用需结合技能继承规则、品质提升机制及资源规划策略。以下是关键要点分析一、属性加成机制品质提升与属性增长品质阶梯：宠物分为白、绿、蓝...

Python 3.14 t-string 要来了，它与 f-string 有何不同?

Python最近出了个大新闻：PEP-750t-string语法被正式采纳了！这意味着Python将在今年10月发布的3.14版本中引入一种新的字符串前缀t，称为模板字符串（Tem...

一周热门
最近发表
标签列表