Web基础与HTTP协议

最新推荐文章于 2025-08-13 21:05:35 发布
最新推荐文章于 2025-08-13 21:05:35 发布
阅读量809 收藏 2
点赞数
CC 4.0 BY-SA版权
文章标签： 前端 http 服务器 linux 运维
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guyunbingyb/article/details/130628856
文章详细介绍了Web基础，包括域名的概念、DNS解析、网页类型以及HTML的基本结构。此外，还探讨了HTTP协议的不同版本、HTTP方法（GET和POST）的区别，以及HTTP状态码和请求流程。重点讲解了静态和动态网页的差异，并提到了动态网页语言如PHP、JSP等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Web基础与HTTP协议

Web基础

一、域名概述

域名的概念

  • IP地址不易记忆

早期使用Hosts文件解析域名

  • 主机名称重复
  • 主机维护困难

DNS(域名系统)

  • 分布式
  • 层次性

域名空间结构

  • 根域
  • 顶级域
    1.组织域
    2.国家/地区域名
  • 二级域名
  • FQDN=主机名DNS后缀

二、DNS 解析过程

客户端 -> 本地缓存域名服务器 -> 根域服务器 -> 二级域服务器 -> 子域服务器 -> 根据主机名解析出IP (迭代、递归)

三、域名注册

  • 域名注册是Internet中用于解决地址对应问题的一种方法
  • 遵循先申请先注册原则
  • 域名注册步骤
    在这里插入图片描述

四、网页的概念

1.网页

  • 纯文本格式文件
  • 编写语言为HTML
  • 在用户的浏览器中被“ 翻译”成网页形式显示出来

2.网站

  • 个一个页面构成的，是多个网页的结合体

3.主页

  • 打开网站后出现的第一个网页称为网站主页(或首页)

4.域名

  • 浏览网页时输入的网址

5.HTTP

  • 用来传输网页的通信协议

6.URL

  • 是一种万维网寻址系统

7.HTML

  • 用来编写网页的超文本标记语言超链接

8.超链接

  • 是将网站中不同网页链接起来的功能

9.发布

  • 将制作好的网页上传到服务器供用户访问的过程

HTML概述

  • HTML叫做超文本标记语言，是一种规范，也是一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。

  • HTML文件可以使用任何能够生成txt文件的文本编辑器来编辑，生成超文本标记语言文件，只用修改文件名后缀为”.html”或“.htm”即可。

在这里插入图片描述

一、HTML 基本标签

（1）HTML 语法规则

HTML标签采用双标记符的形式，前后标记符对应，分别表示标记开始和结束，标记符中间的内容被标签描述。前标记符由“< XXX>”表示，结尾标记符多了一个“/”，由“< /XXX>”表示。

（2）HTML 文件结构

HTML文件最外层由表示，说明该文件是用HTML语言描述的。在它里面是并列的头标签()和内容标签(),最基本的

  • HTML 文件结构如下：
<html>
    <head>网页的内容描述信息</head>
    <body>网页显示的内容</body>
</html>

二、HTML文档的结构

HTML网页

  • 头部部分
  • 标题部分
  • 主体部分
  • 网页内容，包括文本、图像等

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

1.头标签中常用标签

在这里插入图片描述

2.内容标签中常用标签

在这里插入图片描述

三、Web1.0 vs Web2.0

Web1.0

  • 以编辑为特征，网站提供给用户的内容是编辑处理后的，然后用户阅读网站提供的内容
  • 这个过程是网站到用户的单向行为

Web2.0

  • 更注重用户的交互作用，用户既是网站内容的消费者(浏览者)，也是网站内容的制造者

  • 加强了网站与用户之间的互动，网站内容基于用户提供，网站的诸多功能也由用户参与建设，实现了网站与用户双向的交流与参与

  • Web2.0特征
    。 用户分享、以兴趣为聚合点的社群、开放的平台，活跃的用户

四、静态网页与动态网页

1．静态网页

  • 在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，静态网页是标准的HTML文件，它的文件扩展名是.htm、.html。静态网页是网站建设的基础，早期的网站一般都是由静态网页制作的。静态网页也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字幕等。这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。

2．动态网页

  • 所谓的动态网页，是指跟静态网页相对的一种网页编程技术。静态网页，随着HTML代码的生成，页面的内容和显示效果就基本上不会发生变化了——除非是修改页面代码。而动态网页则不然，页面代码虽然没有变，但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的。动态网页URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见网页制作格式。而是以.aspx、.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在动态网页网址中有一个标志性的符号——“?”。

  • 动态网页是基本的html语法规范与Java、PHP、C#等高级程序设计语言、数据库编程等多种技术的融合，以期实现对网站内容和风格的高效、动态和交互式的管理。因此，从这个意义上来讲，凡是结合了HTML以外的高级程序设计语言和数据库技术进行的网页编程技术生成的网页都是动态网页。

1、动态网页语言
  • 早期的动态网页主要采用通用网关接口 CGI（Common Gateway Interface）技术，虽然 CGI 技术已经发展成熟而且功能强大， 但由于编程困难、效率低下、修改复杂，所以有逐渐被新技术取代的趋势。

目前常用的动态网页编程语言如下：
●PHP
即 Hypertext Preprocessor（超文本预处理器），它是当今 Internet 上最为火热的脚本语言，其语法借鉴了 C、Java、PERL 等语言，但只需要很少的编程知识你就能使用 PHP 建立一个真正交互的 Web 站点。

●JSP
即 Java Server Pages（Java 服务器页面），它是由 Sun Microsystem 公司于 1999 年 6 月推出的新技术，是基于 Java Servlet 以及整个 Java 体系的 Web 开发技术。

●Python
是一种面向对象、跨平台的动态类计算机程序设计语言，最初被设计用于编写自动化脚本(shell)，随着版本的不断更新和语言新功能的添加，越来越多被用于独立的大型项目开发。

●Ruby
是一种简单快捷的面向对象（面向对象程序设计）脚本语言，在 20 世纪 90年代由日本人松本行弘(Yukihiro Matsumoto) 开发，遵守GPL 协议和Ruby License。它的灵感与特性来自于 Perl、Smalltalk、Eiffel、Ada 以及 Lisp 语言。

2、动态页面与静态页面区别

静态网页：就是标准的HTML文件，扩展名是.htm、.html，没有后台数据库支持、不含应用程序和网页不可交互，不含有“?”

动态页面：有后台数据库支持，页面可交互，会自动更新，包含应用程序，扩展名通常以.php、.jsp、.py、.ruby、.perl等形式为后缀，页网址中有一个标志性的符号“?”

五、HTTP 协议概述

HTTP协议采用了请求/响应模型。客户端向服务器发送一个请求，请求头包含请求的方法、URL、协议版本、以及包含请求修饰符、客户信息和内容的类似于MIME的消息结构。服务器以一个状态行作为响应，响应的内容包括消息协议的版本，成功或者错误编码加上服务器信息、实体元信息以及可能的实体内容。
在这里插入图片描述

1.HTTP的版本

HTTP 已经演化出了很多版本，它们中的大部分都是向下兼容的。

  • （1）HTTP/0.9
    已过时。只接受 GET 一种请求方法，没有在通讯中指定版本号，且不支持请求头。由于该版本不支持 POST 方法，所以客户端无法向服务器传递太多信息。

  • （2）HTTP/1.0
    这是第一个在通讯中指定版本号的 HTTP 协议版本，至今仍被广泛采用，特别是在代理服务器中。

  • （3）HTTP/1.1
    引入了持久连接，即TCP连接默认不关闭，可以被多个请求复用，能很好地配合代理服务器工作。还支持管道方式机制，即在同一个TCP连接里面，客户端可以同时发送多个请求，以便降低线路负载，提高传输速度。

  • （4）HTTP/2.0
    完全多路复用，在一个连接里，客户端和浏览器都可以同时发送多个请求或回应，而且不用按照顺序一一对应。引入了头信息压缩机制，使用gzip或compress压缩后再发送。支持服务端推送，允许服务器未经请求，主动向客户端发送资源。

六、HTTP 方法

  • HTTP 支持几种不同的请求命令，这些命令被称为 HTTP 方法（HTTP method）。每条 HTTP 请求报文都包含一个方法， 告诉服务器要执行什么动作，包括：获取一个页面，运行一个网关程序，删除一个文件等。
  • 最常用的获取资源的方法是 GET、POST、PUT。

在这里插入图片描述

1、GET请求会向数据库发索取数据的请求，从而来获取信息，该请求就像数据库的select操作一样，只是用来查询一下数据，不会修改、增加数据，不会影响资源的内容，即该请求不会产生副作用。无论进行多少次操作，结果都是一样的。

2、与GET不同的是，PUT请求是向服务器端发送数据的，从而改变信息，该请求就像数据库的update操作一样，用来修改数据的内容，但是不会增加数据的种类等，也就是说无论进行多少次PUT操作，其结果并没有不同。

3、POST请求同PUT请求类似，都是向服务器端发送数据的，但是该请求会改变数据的种类等资源，就像数据库的insert操作一样，会创建新的内容。几乎目前所有的提交操作都是用POST请求的。

4、DELETE请求顾名思义，就是用来删除某一个资源的，该请求就像数据库的delete操作

GET 和 POST 比较

●GET 方法：从指定的服务器上获得数据
GET请求能被缓存
GET请求会保存在浏览器的浏览纪录里
GET请求有长度的限制
主要用于获取数据
查询的字符串会显示在URL后缀中，不安全，比如 http://www.test.com/a.php?Id=123

●POST 方法：提交数据给指定服务器处理
POST请求不能被缓存
POST请求不会保存在浏览器的浏览纪录里
POST请求没有长度限制
查询的字符串不会显示在URL中，比较安全

七、HTTP 状态码

  • HTTP 状态码（HTTP Status Code）是用以表示网页服务器 HTTP 响应状态的 3 位数字代码，当浏览器请求某一 URL 时， 服务器根据处理情况返回相应的处理状态。
  • 通常正常的状态码为2xx，3xx（如200），如果出现异常会返回4xx，5xx（如404）。

在这里插入图片描述

常用状态码

在这里插入图片描述

七、HTTP 请求流程分析

用户在浏览器输入URL访问时，发起HTTP请求报文，请求中包括请求行、请求头、请求体，服务器收到请求后返回响应报文，包括状态行、响应头、响应体。

1、请求报文
  • 请求行：请求行由请求方法、URL 以及协议版本三部分组成。
  • 请求头：请求头为请求报文添加了一些附加信息，由“名/值”对组成，每行一对，名和值之间使用冒号分隔。
  • 空行：请求头部的最后会有一个空行，表示请求头部结束，接下来为请求体，这一行非常重要，必不可少。
  • 请求体：请求体是请求提交的参数，GET 方法已经在 URL 中指明了参数，所以提交时没有数据。POST 方法提交的参数在请求体中。
常见请求头

在这里插入图片描述

2．响应报文

  • 状态行：状态行由协议版本，状态码，状态码描述三部分组成。

  • 响应头：响应头与请求头部类似，为响应报文添加
    了一些附加信息。

  • 空行：响应头部的最后会有一个空行，表示响应头部结束。

  • 响应体：服务器返回的相应 HTML 数据，浏览器对其解析后显示页面。

常见响应头

在这里插入图片描述

guyunbingyb
关注
Web协议：HTTP协议
啊Q老师
07-11 2997
浅谈HTTP
web基础与http基础知识
05-28
Web基础与HTTP基础知识是网络技术中不可或缺的重要组成部分。Web应用广泛存在于我们日常生活中，其便捷性和跨平台性成为其广受欢迎的关键因素。Web应用的定义涉及利用Web技术构建的应用程序，这些应用能够通过浏览器...
web基础与HTTP协议
Riky12的博客
06-15 3054
网页的“源码”浏览器：“解释和执行”HTML源码的工具Web（World Wide Web，万维网）是一个由多种技术组合而成的网络资源信息系统。它是通过互联网连接在一起的文档集合，这些文档可以包括网页、图像、视频、音乐、应用程序等各种形式的内容。万维网可以看作是一个超级大的文档库，也是全球最大的信息库之一。Web的核心技术是HTTP协议和HTML语言，HTTP协议是传输Web数据的协议，HTML语言是一种文本标记语言，用于创建Web页面。
01 Web基础与HTTP协议
qq_51678989的博客
07-05 2305
ip地址不易记忆网页的“源码”(1)Web1.0基本采用的是技术创新主导模式，信息技术的变革和使用对于网站的新生与发展起到了关键性的作用。新浪最初就是以技术平台起家，腾讯以即时通讯技术起家，盛大以网络游戏起家，在这些网站的创始阶段，技术性的痕迹相当之重。(2)Web1.0的盈利都基于一个共通点，即巨大的点击流量。无论是早期融资还是后期获利,依托的都是为数众多的用户和点击率,以点击率为基础上市或开展增值服务,受众群众的基础，决定了盈利的水平和速度，充分地体现了互联网的眼球经济色彩。
Web 基础与 HTTP 协议
不要因为走的太远而忘了为什么出发
10-01 4336
目录引言一、 Web 基础1. 域名和 DNS1.1 域名的概念1.2 域名的结构1.3 域名的申请2. Hosts 文件2.1 作用2.2 修改 Hosts 文件2.3 网卡中配置3. 网页与 HTML3.1 网页概述3.2 网页相关概念3.3 HTML 概述3.4 Web 概述3.5 静态页面与动态页面二、HTTP 协议1. 概述 引言 随着互联网的飞速发展，企业信息化应用大多已采用网页的形式构建，掌握网页的相关的知识和 HTTP 的请求流程，是掌握互联网技术的第一步。 一、 Web 基础 1. 域
Web基础和HTTP协议
weixin_71429790的博客
08-22 869
web与http
【网络】HTTP（超文本传输协议）详解
热门推荐
人生苦短，睡觉要紧，睡醒再说
11-01 14万+
HTTP是一种应用层协议，属于TCP/IP协议族。它的主要作用是允许客户端（如浏览器）通过网络向服务器请求资源，服务器再将资源返回给客户端。特点无状态：每个请求都是独立的，服务器不保存任何会话信息。这意味着每次请求都需要重新验证。灵活性：HTTP支持多种数据格式，包括文本、图像、音频和视频等，使其适用于各种应用场景。简洁性：HTTP请求和响应的格式简单易懂，便于开发和调试。
web基础与HTTP
Katie_ff的博客
06-15 2813
域名解析就是将复杂的数字地址变为好记的域名，域名申请过程；DNS解析过程生效顺序（ｈｏｓｔｓ文件——网卡配置文件——/etc/resolv.conf； 访问页面是由HTML写的，web网站中的版本及静动态页面； HTTP超文本协议、状态码； HTTPS加密
HTTP协议基础知识
haolinbird的博客
01-12 3914
简介 HTTP是Hyper Text Transfer Protocol（超文本传输协议）的缩写，是用于从WWW服务器传输超文本到本地浏览器的传送协议。 它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示(如文本先于图形)等 HTTP是建立在TCP协议之上的一种应用层网络协议，由请求和响应构成，虽然HTTP通常依赖tcp作为传输层协议，但是事实上，HTTP可以在任何其他互联网协议上，或者其他网络上实现，只要其下层协议提供可靠
Web/Http网络基础
qq_31856061的博客
10-28 1901
超文本也是一种文本，传统文本主要是线性方式组织的，而超文本是非线性方式进行组织的，可以将各种不同空间的文字信息组织在一起，形成区别于传统文本的网状结构的文本。协议中存在各式各样的内容：从电缆的规格到 IP 地址的选定方法、寻找异地用户的方法、双方建立通信的顺序，以及 Web 页面显示需要处理的步骤，等等。在网络上，通信的双方在同一局域网（LAN）内的情况是很少的，通常是经过多台计算机和网络设备中转才能连接到对方。ARP 是一种用以解析地址的协议，根据通信方的 IP 地址就可以反查出对应的 MAC 地址。
Web开发基于Linux的简单Web服务器与HTML基础：实现文件访问与HTTP协议详解
06-22
然后，介绍HTTP协议的基础，包括请求与响应消息的结构，常用的HTTP请求方法及其状态码。此外，还讨论了文件编码、正则表达式的应用、目录遍历函数scandir的使用，以及借助telnet命令进行调试的方法。 适用人群：适合...
Web安全基础之Http协议.zip
03-18
目录： 1-1 课程介绍 1-2 课程声明 2-1 网站访问原理 2-2 URL介绍 ...5-4 Http脚本编写 5-5 御剑目录扫描工具原理分析 5-6 DirBuster目录扫描工具使用详解 5-7 突破User-Agent限制 5-8 站点克隆
HTTP协议的基础概念及其在Web通信中的应用详解
02-14
目标是使读者掌握HTTP的基本原理，以便更好地理解Web应用程序内部如何交流数据，为后续深入学习或从事相关领域的研究打下坚实的基础。 阅读建议：为了更好地吸收这些知识点，建议读者在理解理论的同时多尝试一些简单...
electron进程间通信- 从渲染进程到主进程
最新发布
唐璜Taro的博客
08-13 488
本文介绍了Electron中的IPC进程间通信机制，重点解析了从渲染进程到主进程的单向通信实现方式。这种设计既保证了功能实现，又遵循了Electron的安全通信原则，是开发桌面应用的常用模式。
基于SpringBoot校园管理系统
2501_90968670的博客
08-13 514
校园管理系统是一个基于Spring Boot + Vue.js的全栈应用，专注于高校内部的多角色协作管理。系统实现了院校管理、单位管理、用户管理、通知推送、投票管理等功能模块，满足管理员、院校管理员、普通用户三类角色的不同操作需求。核心目标是提升校园管理效率，实现通知精准推送与数据可视化统计。
WebGIS视角下基孔肯雅热流行风险地区分类实战解析
夜郎King的博客
08-09 2375
本研究旨在通过系统梳理 WebGIS 技术在传染病流行风险评估中的应用现状与优势，结合基孔肯雅热的流行特点和防控需求，构建一套基于 WebGIS 的流行风险地区分类展示系统。
Next.js 国际化：打造多语言应用
zimin的专栏
08-12 1004
Next.js 作为一个全栈 React 框架，在构建全球性应用时，国际化（Internationalization, i18n）是不可或缺的功能。国际化允许应用支持多种语言和区域设置，实现语言检测、内容翻译和路由本地化，提升用户体验并扩大受众范围。Next.js 通过灵活的配置和库支持，如 next-i18next 或内置的 i18n 功能，简化了多语言应用的开发。i18n 的核心包括语言检测（根据用户浏览器或首选项自动切换语言）、内容翻译（使用 JSON 文件或第三方服务）和路由本地化（如 /en/
前端工程化：pinia
西岭千秋雪的博客
08-11 576
本文介绍了Pinia作为Vue.js官方推荐的状态管理库，用以解决组件间数据共享和状态同步问题。文章首先说明状态管理的必要性，随后详细讲解Pinia的初始化配置，包括安装、挂载和Store创建（包含state、getter、action）。最后通过示例展示如何在组件中使用Store，实现数据获取和渲染。Pinia能有效简化复杂应用的状态管理，提升开发效率。
实现HTTP协议的Web基础示例应用
Web HTTP简单示例程序的知识点涵盖的内容包括了Web基础、HTTP协议的基本概念以及如何通过编程语言实现一个基础的HTTP服务器。以下是详细的说明： ### Web基础概念 Web是基于互联网的一种信息服务系统，它是通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值