浅析URL

–图片来源网络

前言

李爵士发明了WWW(URL+HTTP+HTML)，HTML我们已经学了，本文主要从通过了解ip，端口，域名，DNS运作等来就简单了解URL–资料来源饥人谷

URL

URL(uniform resource locator统一资源定位符)

URL由”协议+域名或IP+端口号+路径+查询字符串+锚点”构成

注意：锚点不传到服务器

讲URL结构就先从IP讲起吧

1 什么是IP？

1.1 简介

可以查看IP维基百科

IP是网际协议(intent protocal)又叫互联网协议

是用于分组交换数据网络的协议，ip根据源主机和目的主机的地址来传送数据

ip主要约定了两件事：

1. 如何定位一台设备

2. 如何封装数据报文，以跟其他设备交流

反正没有ip不能上网。。

只要在互联网中就至少有一个独立的ip

1.2 IP分为外网内网.

• 外网ip是路由器以外的(<==>像电信dns服务器，或者其他用户)可以进入ip138.com查看自己的外网ip

• 内网ip是路由器内的ip，没有路由器就没法访问外网。

1.3 路由器功能简述：

      现在路由器有两个IP,一个外网IP和一个内网IP
      内网中的设备可以互相访问，但是不能直接访问外网内网设备想要访问外网,就必须经过路由器中转 外网中的设备可以互相访问，但是无法访问你的内网外网设备想要把内容送到内网，也必须通过路由器
      也就是说内网和外网就像两个隔绝的空间，无法互通，唯一的联通点就是路由器
      所以路由器有时候也被叫做「网关」

1.4 有几个特殊的ip

分别是

• 127.0.0.1表示自己，环回测试ip

• localhost通过host指定自己，可以让字符串变成对应ip 127.0.0.1…

host文件在c->system32->drivers->etc->hosts

• 0.0.0.0不表示任何设备

IP知道了还需要知道端口port

2. 端口

一台机器可以提供很多服务，每个服务一个号码，这个号码就叫做端口号port

一台机器提供不同的服务

• 要提供HTTP(超文本传输协议)服务最好使用80端口

• 要提供HTTPs(超文本传输安全协议)服务最好使用443端口

• 要提供FTP(文件传输协议)服务最好使用21端口

一共有65535个端口，不同的端口号对应不同的服务，具体可以看维基百科,里面详细说了每一个端口号对应的什么服务。

2.1 端口使用还有什么规则么

规则

      0到1023 (2的10次方减1）号端口是留给系统使用的， 你只有拥有了管理员权限后，才能使用这1024个端口。其他端口可以给普通用户使用。比如http-server默认使用8080端口，一个端口如果被占用，你就只能换一个端口

总而言之，端口和ip是缺一不可得

3. 域名是什么

域名就是对IP得别称

例如

• baidu.com对应什么IP

命令行ping baidu.com

命令行输入 nslookup baidu.com 可以看到百度ip

• qq.com 对应什么IP

命令行ping qq.com

命令行输入 nslookup qq.com 可以看到qq的ip

• 一个域名可以对应不同IP

这个叫做均衡负载，防止一台机器扛不住一个IP可以对应不同域名

• 一个IP可以对应不同域名

这个叫做共享主机

Windows+r输入cmd进入命令行界面

3.1 ‘www.qq.com’和qq.com是同一个域名吗？

答：不是同一个域名

问：那他们是什么关系呢？

答：他们是父子关系

com是顶级域名

qq.com是二级域名(俗称一级域名)

‘www.qq.com’是三级域名（俗称二级域名)

有可能二级域名和三级域名不是同一个公司

例如github.io把子域名xxx.github.io免费给你使用

所以你应该知道www.qq.com和 qq.com可以不是同一家公司

也可以是www是多余的吗?是的，非常多余。

3.2 域名和ip是通过DNS对应起来的

DNS是域名解析服务/系统

4. DNS是怎么运作的呢？

• 过程

-你的Chrome浏览器会向电信/联通提供的DNS服务器询问 qq.com对应什么IP。

-电信/联通会回答一个IP

-然后Chrome才会向对应的IP的80(http)/443(https)端口发送请求

-请求内容是查看qq.com的首页

• 为什么是80或者443端口呢

服务器默认用80提供http服务

服务器默认用443提供https服务

你可以在开发者工具里看到具体的端口

5. 路径

如何请求不同的页面–路径可以做到

比如

developer.mozilla.org/zh-CN/docs/…
和
developer.mozilla.org/zh-CN/docs/…

通过改变HTML和CSS，改变了路径，在它有的基础上可以查看对应内容，

可以使用Chrome开发者工具 Network面板看看区别

6. 查询参数

同一个页面，不同的内容–查询参数可以做到

比如

www.baidu.com/s?wd=hi
和
www.baidu.com/s?wd=hello&…

/s是路径，?wd=hello是查询参数，百度结果是10个，pn=10是前面10个结果不看从第二页开始看

7. 锚点

锚点不会传给服务器，锚点和浏览器有关

developer.mozilla.org/zh-CN/docs/…

#教程就是该页的一个叫参考书的锚点

锚点看起来有中文，实际不支持中文

#参考书会变成#%E5%8F%82%E8%80%83%E4%B9%A

锚点是无法在 Network面板看到的因为锚点不会传给服务器

综上所述URL

URL由”协议+域名或IP+端口号+路径+查询字符串+锚点”构成

例：

www.baidu.com/s?wd=hello&…

–continue

学习前端从入门到入土，我正在路上。您的每一次观看，就是对我学习路上最大的鼓励，一起努力吧！

欢迎留下您宝贵的意见。