全面解析:HTML页面的加载全过程(一)--输入URL地址,与服务器建立连接

用户输入URL地址,与服务器建立连接

用户在浏览器地址栏输入一个URL

浏览器开始执行以下三步操作操作:url解析、DNS查询、TCP连接

第一步:URL解析

什么是URL?
URL(Uniform Resource Locator,统一资源定位符)是互联网上标准资源的地址,互联网上每个文件(即资源)都有一个唯一的URL,它包含了文件的位置以及浏览器处理方式等信息。

URL 标准格式

scheme://host[:port#]/path/.../[;url-params][?query-string][#anchor]

如:https://www.baidu.com/s?wd=url&rsv_spt=1

scheme:协议名称,http、https、ftp等。
host:HTTP服务器的IP地址或者域名,如www.baidu.com
port:HTTP服务器的默认端口是80,此端口可以省略。如vscode启动vue,用 http://localhost:5173/端口path:访问资源的路径
url-params:参数
query-string:发送给http服务器的数据
anchor:锚点定位

浏览器解析URL,确定协议(如HTTP或HTTPS)、主机名、端口(默认为80或443)以及路径(如/path/to/page.html)

第二步:DNS查询

域名就是起一个方便记忆的名字,否则直接使用服务器的外网IP访问服务器不好记忆,操作不方便

1、 DNS
DNS是域名系统的英文缩写,是一种组织成域层次结构的计算机和网络服务命名系统,用于TCP/IP网络。

2、域名DNS作用
域名系统是将IP地址与域名相互映射的一个分布式数据库

在浏览器输入某个Web服务器的域名时

(1) 用户主机首先会在自己的DNS高速缓存中查找该域名所对应的IP地址。

(2)如没有,向网络中的某台DNS服务器查询,DNS服务器中有域名和IP地址映射关系的数据库
(3) 之后将查询结果发送给用户主机。

(4)用户主机中的浏览器可以通过Web服务器的IP地址对其进行访问了。

3、域名的种类

  • 顶级域名 baidu.com
  • 一级域名 www.baidu.com
  • 二级域名 sports.baidu.com
  • 三级域名 kbs.sports.baidu.com
  • .com 国际域名
  • .cn 中文域名
  • .com.cn
  • .edu 教育网
  • .gov 国家政府单位
  • .io 博客
  • .org 官方组织
  • .net 系统类

第三步:TCP连接

TCP(Transmission Control Protocol,传输控制协议)是互联网协议套件中一种核心协议。它提供面向连接的、可靠的字节流传输服务,确保数据从一端正确无误地传输到另一端。

四层协议将 数据链路层和物理层合并为 “网络接口层”

1、TCP 连接建立:三次握手

在这里插入图片描述

常见面试题:

为什么TCP需要三次握手,为什么不设计成两次握手:

  1. 确保双方都准备好接收连接‌:通过三次握手,客户端和服务器可以确认彼此都准备好接收连接请求,从而建立起可靠的连接。如果只进行两次握手,可能会出现客户端发送的SYN包在网络中丢失,导致服务器无法接收到连接请求,连接无法建立‌
  2. 防止已失效的连接请求报文再次传送到服务器‌:如果采用两次握手,可能会出现网络延迟或拥堵导致旧的连接请求报文在网络中滞留。当客户端重新发送连接请求时,服务器可能会误以为这是新的请求并建立连接,导致资源浪费‌。
  3. 同步初始序列号‌:TCP通过序列号来标识发送的数据包,确保数据的顺序性和完整性。在三次握手过程中,双方会交换初始序列号,以便后续的数据传输能够正确进行‌。

为什么不设计成次五次握手:

三次握手就可以符合实际情况,所以就没必要设计成四次握手、五次握手等情况,浪费资源

**结论:**三次握手能够确保连接的可靠性、同步初始序列号,并防止已失效的连接请求报文再次传送到服务器,而两次握手无法满足这些需求,因此TCP选择了三次握手而不是两次握手,超过三次握手,浪费资源。

##2、 TCP 连接断开:四次挥手

就是客户端与服务器断开连接时,需要一共发送四个报文段来完成断开TCP连接

在这里插入图片描述

浏览器根据协议与服务器建立连接,通常涉及三次握手过程以确保可靠的数据传输通道。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/475202.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

window 中安装 php 环境

window 中安装 php 环境 一、准备二、下载三、安装四、测试 一、准备 安装前需要安装 Apache ,可以查看这篇博客。 二、下载 先到这里下载 这里选择版本为“VS16 x64 Thread Safe”,这个版本不要选择线程安全的,我试过,会缺少文…

Android Studio启动模拟器显示超时

问题报错: Timed out after 300seconds waiting for emulator to come online. 解决方案:升级Android Emulator 情况二:Error while waiting for device:AVD Pixel_4a_API_32 is already running. If that is not the case, delete the files at E:\An…

基于企业微信客户端设计一个文件下载与预览系统

在企业内部沟通与协作中,文件分享和管理是不可或缺的一部分。企业微信(WeCom)作为一款广泛应用于企业的沟通工具,提供了丰富的API接口和功能,帮助企业进行高效的团队协作。然而,随着文件交换和协作的日益增…

【算法一周目】滑动窗口(1)

目录 长度最小的子数组 解题思路 代码实现 无重复字符的最大字串 解题思路 代码实现 最大连续1的个数l l l 解题思路 代码实现 将x减到0的最小操作数 解题思路 代码实现 长度最小的子数组 题目链接:209. 长度最小的子数组题目描述: 给定一个…

硬件工程师零基础入门:一.电子设计安全要点与欧姆定律

硬件工程师零基础入门:一.电子设计安全要点与欧姆定律 第一节 电子设计安全要点第二节 欧姆定律 第一节 电子设计安全要点 电路小白最好先买直流稳压电源(将高压转成低压直流电)使用,尽量不要使用市电。 1.尽量不要捏住电源两端。 正确做法&a…

【C++】踏上C++学习之旅(九):深入“类和对象“世界,掌握编程的黄金法则(四)(包含四大默认成员函数的练习以及const对象)

文章目录 前言1. 实现Date类的构造函数2. 实现Date类的拷贝构造函数3. 实现Date类的赋值运算符重载4. 实现各Date对象之间的比较接口5. 实现Date对象的加减接口6. const成员7. 取地址及const取地址操作符重载 前言 在我们前面学习到了"类和对象"的四大默认成员函数(…

【含文档】基于django+Vue的荣誉证书管理系统(含源码+数据库+lw)

1.开发环境 开发系统:Windows10/11 架构模式:MVC/前后端分离 JDK版本: Java JDK1.8 开发工具:IDEA 数据库版本: mysql5.7或8.0 数据库可视化工具: navicat 主要技术: django,mysql,vue 2.视频演示地址 3.功能 系统定义了三个角色:管理员和学生和教师。 管理员进…

学习QT第二天

QT6示例运行 运行一个Widgets程序运行一个QT Quick示例 工作太忙了,难得抽空学点东西。-_-||| 博客中有错误的地方,请各位道友及时指正,感谢! 运行一个Widgets程序 在QT Creator的欢迎界面中,点击左侧的示例&#xf…

Flutter:AnimatedContainer实现导航侧边栏

导航侧边栏 import package:flutter/material.dart;void main() {runApp(const MyApp()); }class MyApp extends StatelessWidget {const MyApp({Key? key}):super(key: key);overrideWidget build(BuildContext context) {return const MaterialApp(title: Flutter Demo,home…

CI配置项,IT服务的关键要素

随着现今数字经济的不断发展,逐渐成熟的IT 基础设施已不再是简单的竞争优势,而已成为企业生存和发展的基石。然而,仅仅拥有强大的基础设施是不够的。为了保障 IT 服务的平稳运行和持续交付,企业还需要重点关注 IT 服务的核心构建模…

Spring Boot教程之四:在IntelliJ IDEA 以及 Eclips IDE中创建和配置Spring Boot

在本文中,我们将讨论如何使用IntelliJ IDEA 以及 Eclips IDE创建和设置 Spring Boot 项目。 Spring Boot建立在Spring 框架之上,包含 Spring 的所有功能。它现在越来越受到开发人员的青睐,因为它可以在极短的时间内快速构建生产环境&#xf…

我用豆包MarsCode IDE 做了一个 CSS 权重小组件

作者&#xff1a;夕水 查看效果 作为一个前端开发者&#xff0c;应该基本都会用VSCode来做开发&#xff0c;所以也应该见过如下这张图的效果: 以上悬浮面板分为2个部分展示内容。 <element class"hljs-attr">: 代表元素只有一个类名叫hljs-attr的类选择器&am…

短视频矩阵矩阵,矩阵号策略

随着数字媒体的迅猛发展&#xff0c;短视频平台已经成为企业和个人品牌推广的核心渠道。在这一背景下&#xff0c;短视频矩阵营销策略应运而生&#xff0c;它通过高效整合和管理多个短视频账号&#xff0c;实现资源的最优配置和营销效果的最大化。本文旨在深入探讨短视频矩阵的…

实验室管理流程优化:Spring Boot技术实践

3系统分析 3.1可行性分析 通过对本实验室管理系统实行的目的初步调查和分析&#xff0c;提出可行性方案并对其一一进行论证。我们在这里主要从技术可行性、经济可行性、操作可行性等方面进行分析。 3.1.1技术可行性 本实验室管理系统采用SSM框架&#xff0c;JAVA作为开发语言&a…

如何用Excel批量提取文件夹内所有文件名?两种简单方法推荐

在日常办公中&#xff0c;我们有时需要将文件夹中的所有文件名整理在Excel表格中&#xff0c;方便管理和查阅。手动复制文件名既费时又易出错&#xff0c;因此本文将介绍两种利用Excel自动提取文件夹中所有文件名的方法&#xff0c;帮助你快速整理文件信息。 方法一&#xff1…

MyBatis——#{} 和 ${} 的区别和动态 SQL

1. #{} 和 ${} 的区别 为了方便&#xff0c;接下来使用注解方式来演示&#xff1a; #{} 的 SQL 语句中的参数是用过 ? 来起到类似于占位符的作用&#xff0c;而 ${} 是直接进行参数替换&#xff0c;这种直接替换的即时 SQL 就可能会出现一个问题 当传入一个字符串时&#xff…

网络安全,文明上网(2)加强网络安全意识

前言 在当今这个数据驱动的时代&#xff0c;对网络安全保持高度警觉已经成为每个人的基本要求。 网络安全意识&#xff1a;信息时代的必备防御 网络已经成为我们生活中不可或缺的一部分&#xff0c;信息技术的快速进步使得我们对网络的依赖性日益增强。然而&#xff0c;网络安全…

Notepad++--在开头快速添加行号

原文网址&#xff1a;Notepad--在开头快速添加行号_IT利刃出鞘的博客-CSDN博客 简介 本文介绍Notepad怎样在开头快速添加行号。 需求 原文件 想要的效果 方法 1.添加点号 Alt鼠标左键&#xff0c;从首行选中首列下拉&#xff0c;选中需要添加序号的所有行的首列&#xff…

sourceInsight常用设置和功能汇总(不断更新)(RGB、高亮、全路径、鼠标、宏、TODO高亮)

文章目录 必开配置设置背景颜色护眼的RGB值&#xff1f;sourceInsight4.0中如何设置选中某个单词以后自动高亮的功能&#xff1f;sourceinsight中输入设置显示全路径&#xff1f; 常用sourceInsight4.0中文乱码怎么解决&#xff0c;注意事项是什么&#xff1f;如何绑定鼠标中键…

【网络协议栈】网络层(中)IP地址的网段划分、CIDR划分以及网络层概念(内附手画分析图 简单易懂)

绪论​ “坚持的意义是&#xff0c;以后回想起来的时候&#xff0c;你会庆幸“真好&#xff0c;我撑过来了”&#xff0c;而不是后悔“要是当初再……就好了”。本章主要写道网络层中非常重要的概念&#xff0c;了解了网络中ip地址的由来&#xff0c;以及ip地址不够的如何的处理…