浏览器地址栏的完整URL都包含哪些内容都各代表什么?

URL

    URL全称:Uniform Resource Location 译为:统一资源定位符;

    讲解URL首先我们要找个完整例子好做解释;

    如:“http://www.baidu.com/index.html?name=mo&age=25#dowell”这算是一个比较完整的URL了 ,我就拿这个为例作为讲  解;

   这个URL 包括:协议部分、域名、端口、路径(虚拟路径)、携带的参数、哈希值;

 1⃣️   协议部分:http https;

            传输协议是用来完成客户端和服务器端之间数据传输的;

             这个使用的是http协议,在internet中可以使用多种协议,如:http  ftp等,本例中使用的是http协议,http后面.     为“//”为分隔符;

             http协议:

             客户端和服务器端传输的内容除了文本以外,还可以传输图片、音频和视频等文件流(二进制编码 | base64码),以及XML格式的数据等,是目前应用最广泛的。

            https协议:

扫描二维码关注公众号,回复: 9413507 查看本文章

             https它比http更加安全,因为数据内容的传输通道是经过SSL加密的(需要在服务器端进行特殊的处理),涉及金融类的网站一般都是使用https;

           ftp资源文件传输协议:

           用于客户端把资源文件(不是代码)上传到服务器端,或者从服务器端下载一些资源文件(一般传输的内容会比http这类协议传输的内容多)

2⃣️   域名www.baidu.com 网站的域名,baidu.com为一级域名,www为服务器;

              1. 用于解析对应的IP地址,便于记忆( 一个URL中也可以使用IP地址作为域名使用);

              2. 顶级域名(一级域名):baidu.com;

              3. 二级域名:www.baidu.com    sports.baidu.com    ai.baidu.com;

              4. 三级域名:my.sports.baidu.com;

3⃣️  端口:在没有填写的情况下默认端口就是80;

            1. 在服务器发布项目的时候,我们可以通过端口号区分当前服务器上不同的项目。如:www.baidu.com:8080,一台服务器的端口号取值范围在 0 ~ 65535 之间,如果电脑上安装了很多程序,有一些端口号是被占用的;

             2. 端口不是一个URL必须的部分如果省略端口部分将才用默认端口,如果有的话就是跟在域名后面的就是端口(www.baidu.com:80),域名和端口之间使用“ :”作为分隔符;

             http:默认端口号80 ;    https:默认端口号443  ;  ftp:默认端口号21

             3. 对于以上三个端口号其实很重要,如果被其他程序占用,则我们就不能使用了,所以服务器上一般是禁止安装其他程序的。

 4⃣️  路径(虚拟路径):index.html虚拟目录;   ( http://www.baidu.com/路径1/路径2 ;    “ / ”表示根目录)

           1. 在服务器中发布项目的时候,我们一般都会配置一些默认文档,即使用户不输入文件的名称,服务器也会默认找到配置好的文档(一般默认文档都是index.**);

            2. 为了做SEO优化,会把一些动态页面的地址(xxx.php、xxx.aspx、xxx.asp、 xxx.jsp)进行URL重写(需要服务器处理)。

5⃣️  携带的参数:?name=mo     多个参数用&连接;

           问号传参(可有可无)

           把一些值通过 “key=value” 的方式放在一个URL的末尾,通过?传递;

            作用:

              1、在ajax请求中,我们可以通过问号传递参数的方式,在客户端把一些信息传递给服务器,服务器根据传递信息的不一     样,返回不同的数据;

              2、清除ajax get方法的缓存,?math_random=0.123456;

              3、通过URL传递参数的方式,实现页面之间的通信;

6⃣️  哈希值:#dowell;

          HASH值(可有可无)

          作用:

        1、可做页面中的锚点定位

        2、在单页应用开发中作为前端路由使用(Vue Router、React Router);

  

发布了22 篇原创文章 · 获赞 2 · 访问量 3335

猜你喜欢

转载自blog.csdn.net/Geezer_007/article/details/100524922