虽然我们平时使用浏览器的时候，只要输入baidu.com或者qq.com就能正常上网了，但其实我们输入的只是整个URL中的一小部分
一般我们日常在上网的时候，会在浏览器的地址栏里输入一个网站的 “网址”，点击下回车，就会跳到你想去的网站，就类似这样
但其实，叫做 “网址” 并不是特别的准确，确切地说，应该叫做 URL
到底啥是URL
那到底啥是 URL 呢？ 不就是一个网址吗？
url 是英文 Uniform Resource Locator 的缩写，即统一资源定位器，是因特网上用于指定信息位置的表示方法，通过它就能找到网上的某个你要的资源
URL的组成
虽然我们平时使用浏览器的时候，只要输入baidu.com或者qq.com就能正常上网了，但其实我们输入的只是整个URL中的一小部分
来，我先看看一个相对完整的URL的整体结构是怎么样的
这里大致分了几个部分，我们一个个来看，它们具体是干什么的
协议
http://、https://、ftp://、file://，比如: http://就是超文本传输协议，平时上网大多用这个协议，https://是以安全为目标的HTTP协议。
地址
域名、主机名、IP地址
域名
我们平时输入的www.baidu.com、www.qq.com就是域名，域名也分一级域名、二级域名、以及顶级域名。
顶级域名：在域名的尾巴部分，.com这种就是顶级域名，顶级域名一般都代表网站属于某种机构或组织。像.com(商业机构)、.org(非盈利组织)、
.gov(政府机构)这类就是常见的顶级域名，除此之外，还有些代表国家的顶级域名，如：.cn（中国）、.us(美国)、.jp(日本)等等
一级域名：像qq.com就是一级域名，看上去十分简洁，在顶级域名.com前只有一个单词短语
二级域名：而mail.qq.com和v.qq.com这种前面加了mail.、v.等字符串的就叫二级域名
不过，域名也只是一串文字，计算机和路由器并不能直接认出它，还需要通过dns服务器找到域名对应的ip地址，再通过底层的tcp/ip协议路由到对应的机器上去 （这些内容不是本文的重点暂时略过，先挖个坑再说）
主机名
主机名就是某台计算机的名字，在一个局域网内，可以通过主机名找到你要访问的计算机。主机名和域名一样，计算机和路由器不认它，需要通过HOSTS文件这样的技术找到主机名和IP地址的关联关系，最后还是翻译成IP地址再继续发送网络请求
诶，我平时上百度看到的URL是http://www.baidu.com没看到有端口号啊
其实是有的，端口号是80，只是它被隐藏起来了，我们看不到而已，而这个80端口也就是URL的默认端口号
但不是所有URL的默认端口号都是80，如果协议是http://，默认端口号为80，但若是https://协议，默认端口号就是443了
虚拟目录
从第一个斜杠/开始，到最后一个斜杠/结束的那部分，也就是a=1&b=2
URL编码
但参数要传递的某些值往往带有特殊字符，这些字符和URL标准的格式冲突，比如要传a&b这样字符串，和查询参数键值对的连接符&冲突了，若不加以区分就会产生歧义
而最简单的办法，就是对参数值进行编码，称为 URL Encoding，通过编码，a&b变成了a%26b，就不再包含会冲突的特殊字符
而有些参数即便有特殊字符，也不会被编码，除非自行强制编码，比如url中参数值是另外一串url，就可以写成 http://localhost/do?url=http://www.baidu.com
这种特殊情况不会有歧义，因为计算机系统认得出参数是另一串URL，就会按URL的形式来解析，但当子URL又包含子参数和多子键值对的时候也难免会分不清参数到底是儿子的还是父亲的，这时还是强制编码的好
列表参数
URL的参数是一个个键值对，即一个key对应一个value，那如果是一个key要传递多个值，也就是一个列表咋办？也好办
url的参数名是可以重复的，比如a=1&a=2&a=3,这里穿了3个参数名都为a的查询参数，是完全可以的，可以利用这种特性，按顺序将 1、2、3作为参数a的列表值
为了表示更清楚点，一般都会在列表参数名后面加上一对方括号[]，如：a[]=1&a[]=2&a[]=3
但是，对于URL参数的写法和格式的标准，也没有特别严格的规定，以上几种形式一般都会支持
锚
图中#后面那部分字符串，#abc就是锚部分
锚，英文称做Reference，通常也是用来传递参数等信息，但与查询参数的本质区别就是这部分内容不会被传递到服务器端
锚一般用于页面，比如在浏览网页的时候，按个按钮突然帮你定位到页首或页面中的某个位子去了，这就是锚
现在随着前后端分离技术，尤其是 vue、reactjs 等前端框架的兴起，锚作为前端javascript程序处理的参数载体也越来越重要了
结语
URL看似已经习以为常、非常简单的东西，背后往往也隐藏着很多技术细节和知识点，甚至这短短一篇文章也没办法穷尽
其实URL的内容还有不少，比如<用户名>@<密码>这种用户验证信息在URL中的传递，由于篇幅的关系还没有讲到
所以我讲分几篇文章来讲解HTTP协议的其中几个重要部分，如果这一系列文章对你有帮助，别忘了关注哦~
本文地址：https://www.pizijiang.com/tougao/113783.html
举报投诉邮箱：253000106@qq.com
微信扫一扫 
支付宝扫一扫 
