Web基础与HTTP协议

最新推荐文章于 2024-04-23 18:23:10 发布
最新推荐文章于 2024-04-23 18:23:10 发布
阅读量666 收藏 2
点赞数
分类专栏： web 文章标签： 前端 http 网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43555345/article/details/130850275
版权

Web基础与HTTP协议

一、Web基础

1、域名概述

网络是基于TCP/IP协议进行同行和链接的，每一台主机都有一个唯一的标识（固定的IP地址），用以区别在网络上成千上万个用户和计算机。网络在区分所有与之相连的网络和主机时，均采用一种唯一、通用的地址格式，即每一个与网络相连接的计算机和服务器都被指派了一个独一无二的地址。

由于IP地址是数字标识，使用时难以记忆和书写，因此就有了域名，域名可以有助于我们记忆。并且有层次性。所以在网络中有两套方案。①IP地址系统②域名地址系统

域名的概念

  • IP地址不易记忆，所以产生了域名的概念

早期使用Hosts文件解析域名难点

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

DNS（Domain Name System 域名系统）

  • 分布式：将一块整体分成若干个小部分进行处理。（将一台DNS服务器分成其它服务器，每个服务器维护一小块部分）
  • 层次性：将域名服务器分成各个服务器（根域、顶级域、二级域、主机域）

域名空间结构

  • 根域：位于域名空间的最顶层，一般用一个“.”表示
  • 顶级域：一般代表一种类型的组织机构或国家地区。例如：（net网络公司），（com商业公司）（cn中国）
  • 二级域：用来标明顶级域内的一个特定的组织，国家顶级域下面的二级域名由国家网络部门统一管理，如（.com.cn）（.net.cn）(.edu.cn)
  • 子域：二级域下所创建的各级域统称子域，各个组织域或用户可以自由申请注册自己的域名
    • 主机名：主机位于域名空间的最下层，就是一台具体的计算机，如www、mail、都是具体的计算机名字，可以用www.sina.com.cn来表示这种方式成为**FQDN（完全合格域名）**也是这台主机在域名中的全名。

2、域名的申请注册

域名注册是internet中用于解决地址对应问题的一种方法
遵循先申请先注册原则
域名注册步骤：主备申请资料——>寻找域名注册网站——>查询域名是否被注册（被注册就换一个）——>申请注册——>申请成功

问：阿里云域名怎么申请？
先申请----》上阿里云网站进行查重----》没有重复就给钱（20-60块）----》负责人进行登记拍照备案----》等待10-20天域名即可申请成功。（在申请时可以进行使用，但是不能被查到，会被封）

3、DNS解析

DNS解析方式，总共有三种。

生效顺序：/etc/hosts 文件-->网卡配置文件-->/etc/resolv.conf文件

3.1 /etc/hosts

linux系统中负责快速解析的文件，包含了ip与主机名的映射关系，在没有DNS的服务器的情况下，使用本地/etc/hosts文件完成解析/映射，实现快速访问。

主要用于主机之间（ip和主机名）的映射解析关系：

实例：
20.0.0.55    huangjie
20.0.0.56    hj

3.2 /etc/sysconfig/network-scripts/ifcfg-ens33

在网卡配置文件中定义DNS，也可定义多个，使用DNS1和DNS2进行定义

3.3 /etc/resolv.conf

DNS客户端配置文件，主要用于设置DNS服务器的IP和域名，还包含了主机域名的搜索顺序等等，这个文件是由域名解析器（resolver，一个根据主机名解析IP地址的库）使用的配置文件

主要用于匹配DNS服务器

示例:
nameserver   114.114.114.114  （第三方）
nameserver   8.8.8.8   （谷歌）
nameserver  218.2.135.1   (南京电信)

二、网页访问

1、什么是网页？

网页

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

网站

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

主页

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

域名

  • 浏览网页时输入的网页

HTTP（端口：80）/HTTPS（加密|端口：443）

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

URL

  • 是一种万维网地址系统，就是一条完成的地址，包括HTTP协议/HTTPD协议，加上后面的域名

HTML

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

超链接

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

发布

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

2、HTML介绍

超文本标记语言（Hyper Text Markup Language）,网页的“源码”

浏览器的作用：“解释和执行”HTML源码的工具

2.1 HTML文档的结构

HTML网页

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

简单尝试一下HTML语言

首先安装httpd服务，在/var/www/html/目录下面可以进行创建文件，文件名需要以htm或html为后缀名。在这些文件中，进行编辑html语言。

506

编辑的文件内容

507

三、Web概述

  • Web(world wide web)即全球广域网，也称万维网
  • 一种分布式图形信息系统
  • 建立在Internet上的一种网络服务

1、Web1.0和Web2.0的区别

Web 1.0

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

Web 2.0

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

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

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

2、静态网页和动态网页

2.1 静态网页

概述

  • 静态网页是标准的HTML文件
  • 扩展是.htm、.html
  • 是网站建设的基础，早期网站一般都是由静态网页制作
  • 没有后台数据库，不含程序和不可交互的网页
  • 相对更新起来比较麻烦，适用于一般更新较少的展示型网站

特点

  • 每个静态网页都有一个固定的URL，且URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”（问号表示动态页面）
  • 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都是保存在网站服务器上的
  • 静态网页的内容相对稳定，容易被搜索引擎检索
  • 静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时，完全依靠静态网页方式比较困难
  • 页面浏览速度迅速，过程无需链接数据库，开启页面速度快于动态页面

2.2 动态网页

概述

  • 网页URL不固定，能通过后台与用户交互
  • 在动态网页网址中有一个标志性的符号—“？”
  • 常用的语言有PHP，JSP、Python、Ruby等

特点

①交互性：网页会根据用户的要求和选择而改变和响应，将浏览器作为客户端界面，这将是今后Web发展的大势所趋

②自动更新：无需手动地更新HTML文档，变回自动生成新的页面，可以大大节省工作量

③因时因人而变：当不同的时间，不同的人访问同一网址时会产生不同的页面

四、HTTP协议概述

HTTP协议是互联网上应用最为广泛的一种网络协议，设计这个协议的目的是为了发布和接收Web服务器上的HTML页面

HTTP协议版本

  • HTTP/1.0：纯文本传输；http响应后会立即关闭TCP连接；支持http头部信息（比如http协议版本号，状态码等）
  • HTTP/1.1：支持长连接（连接保持，持久连接）和管道机制（在一TCP连接中实现多个http请求和响应）
  • HTTP/2.0：二进制传输；支持长连接和完全多路复用（在一个TCP连接中同时发送多个请求，且不用按照顺序一一对应）；支持网页头部压缩，支持服务端主动推送
  • HTTP/3.0：基于UDP协议的

1、HTTP协议简介

  • HTTP（超文本传输协议HyperText TransferProtocol）协议 是互联网上应用最为广泛的一种网络协议，它是基于TCP协议的应用层传输协议，简单来说就是客户端和服务端进行数据传输的一种规则。

  • HTTP/HTTPS是应用层上的协议 ，建立在传输层TCP之上，客户端通过与服务端进行TCP连接(三次握手)，之后发送HTTP请求与接收HTTP响应都是通过访问Socket接口来调用TCP协议实现

  • HTTP 是一种无状态 (stateless) 协议 ，HTTP协议本身不会对发送过的请求和相应的通信状态进行持久化处理（存储，保存）。这样做的目的是为了保持HTTP协议的简单性，从而能够快速处理大量的事务,提高效率。然而，在许多应用场景中，我们需要保持用户登录的状态或记录用户购物车中的商品。由于HTTP是无状态协议，所以必须引入一些技术来记录管理状态，例如Cookie。

  • cookie和session都为了实现的是http的短期的持久化 (内存/缓存方式，查询快、效率比较高)，cookie是缓存在用户端（client)浏览器中的（默认缓存一天），当下次客户端通过同一个浏览器访问客户端的时候，会优先读取cookie中的缓存信息 ，向服务端进行请求，同时服务端收到客户端请求的时候，读取到cookie文件，知道客户端之前找的是服务器A处理的任务，为了省事儿，省资源，干脆直接讲请求直接再交给服务器A处理。

    两者对比:
cookie 省服务器性能，session 更安全

2、HTTP 请求格式（GET，POST方式）

HTTP协议有多种获得Web资源的方法

常用的方法：GET和POST

http方法描述
GET请求获取Request-URL所标识的资源
PUT请求服务器存储一个资源，并用Request-URL作为其标识
DELETE请求服务器删除Request-URL所标识的资源
POST在Request-URL所标识的资源后附加新的数据
HEAD请求获取由Request-URL所标识的资源的响应消息报头

2.1 GET方式

请求行

  • 请求的方式
  • 请求的资源路径
  • 请求的版本协议号

请求头（描述信息/标准化信息）

Accept：客户端可以接受的数据类型

Accept-Language：客户端可以接受的语言类型

User-Agent：浏览器的信息

Accpect-Encoding：客户端可以接受的编码格式

Host：表示请求的ip和端口号

Connection：告诉服务器请求连接如何处理

Keep-Alive：通知服务器回传数据不要马上关闭，保持一小段的连接

Closed：马上关闭

请求体

2.2 POST 请求方式

请求行

  • 请求的方式
  • 请求的资源路径
  • 请求的协议的版本号

请求头

Accept：客户端可以接受的数据类型

Accept-Language：客户端可以接受的语言类型

Referer：表示请求发起时，浏览器地址栏中的地址

User-Agent：浏览器的信息

Content-Type：发送的数据类型

Content-Length：发送的数据长度

请求体

2.3 GET 与POST区别

类别GET方法POST方法
对数据长度的限制URL的长度是受限的（URL的最大长度是2048个字符）无限制
缓存能被缓存不能被缓存
安全性与post相比，get的安全性较差，因为所发送的数据时URL的一部分，在发送密码或其它敏感信息时绝不要使用getpost比get更安全，因为参数不会被曹村在浏览器历史或Web服务器日志中
历史参数保留在浏览器历史中参数不会保存在浏览器历史中
后退按钮/刷新无害数据会被重新提交（浏览器应该告知用户数据会被重新提交）
书签可收藏为书签不可收藏为书签

五、常见的状态返回码

状态码首位已定义范围分类
1xx100-101信息提示
2xx200-206成功
3xx300-305重定向
4xx400-415客户端错误
5xx500-505服务器错误

生产常见的HTTP状态码

消息描述
200 ok请求成功（其后是对GET和POST请求的应答文档）
301 Moved Permanently请求的永久页面跳转
403 Forbidden禁止访问访问该页面
404 Not Found服务器无法找到被请求的页面
500 lnternal server error内部服务器错误
502 Bad Gateway无效网关
503 Service Unavailable当前服务不可用
504 Gateway Timeout网关请求超时

六、总结

DNS服务器作用

  • 就是域名解析

Web1.0和Web2.0区别

  • Web1.0 为静态页面，单向，不能交互，URL固定，不带 “ ？”
    内部服务器错误 |
    | 502 Bad Gateway | 无效网关 |
    | 503 Service Unavailable | 当前服务不可用 |
    | 504 Gateway Timeout | 网关请求超时 |
闲亦生花
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Web协议：HTTP协议
啊Q老师
07-11 2811
浅谈HTTP
web测试之3.1http 协议详解
03-28
文件大小的限制，这次先上传部分http 协议详解。总的分六次上传 1.web系统基础 2.理解网络协议 3.http协议详解 4.web 前端分析 5.web 安全性测试 6.web 兼容性以及可用性测试
网络协议时用什么语言编写的_自己动手编写Wireshark Lua插件解析自定义协议
weixin_39600400的博客
11-24 605
本文于February 1, 2018创作于本人博客，转载至此。搞网络的对于 Wireshark 这个抓包工具应该非常熟悉了，在抓包分析的时候非常好用，很大的一个原因就是 Wireshark 内置了大量的协议解析插件，基本上你叫得上来的协议，Wireshark都能给你解析出来。但是啥事儿都有个万一，特别是像我们这种搞网络协议开发、修改的，经常就会遇到各种奇葩的网络协议，或者是自己拍脑瓜设计出来的网...
HTTP协议详解
m0_50818626的博客
04-13 395
所谓的动态网页是与静态网页相对而言的，也就是说，动态网页的URL后缀不是．htm、.html、.shtml、.xml、.js、.css等静态网页的常见后缀扩展名形式，而是以．asp、.aspx、.php、.js、.do、.cgi等形式作为后缀的，并且一般在动态网页网址中会有标志性的符号？静态网页的维护和更新相对比较麻烦，每个不同的网页都需要单独编辑更新，静态网页一般适用于更新较少的宣传展示型网站（如酒、家具、猪饲料等的宣传网站），是早期（2000年以前）很多中小网站常用展示的形式。
web基础与HTTP协议
Riky12的博客
06-15 2634
网页的“源码”浏览器：“解释和执行”HTML源码的工具Web（World Wide Web，万维网）是一个由多种技术组合而成的网络资源信息系统。它是通过互联网连接在一起的文档集合，这些文档可以包括网页、图像、视频、音乐、应用程序等各种形式的内容。万维网可以看作是一个超级大的文档库，也是全球最大的信息库之一。Web的核心技术是HTTP协议和HTML语言，HTTP协议是传输Web数据的协议，HTML语言是一种文本标记语言，用于创建Web页面。
web测试之3.2http协议详解
03-28
文件大小的限制，这次先上传http 协议详解剩余部分。总的分六次上传 1.web系统基础 2.理解网络协议 3.http协议详解 4.web 前端分析 5.web 安全性测试 6.web 兼容性以及可用性测试
通信与网络中的Web程序员开发基础：透彻认识Http协议
11-06
Http协议也是我们*的程序员所必须掌握的。闲话少说，简单介绍下Http协议。 　Http 为超文件传输协议(HTTP，HyperText Transfer Protocol),是互联网上的一种网络协议。 　HTTP是一个客户端和服务器端请求(request)...
计算机病毒与防护：HTTP协议基础下.ppt
06-10
* * * * * 目录页 HTTP协议基础下 HTTP的请求响应模型 辅助工具- BurpSuite介绍 Burp Suite是一个集成化的渗透测试工具，它集合了多种渗透测试组件，使我们自动化或手工能更好的完成对web应用的渗透测试和攻击 。...
web开发基础教程 http协议 j2ee概述
04-19
web开发基础教程 包括http协议 j2ee概述的介绍，且含有例子。另外还附带httpwatchpro，解压就能用，方便学习
【解决NodeJS项目无法在IDEA中调试的问题】使用JetBrains IDEA 2023 调试nodejs项目
宅斗士的博客
04-23 71
项目采用Ant Design Pro + React，使用前后端分离开发方式，后端可以很容易的打断点调试，但是前端用到了React脚手架，在IDEA中加了调试断点，但是没有什么用处。
Storage 工具如何封装(前缀、加密、过期时间等)及localStorage的基础介绍
qq_43641110的博客
04-18 963
​​​​​​​。
【前端】数组的常用处理函数
lcukyNwa的博客
04-22 156
item------->每个元素值 (必)index----->索引（可选）arr-------- >当前数组（可选）推荐vscode的一款插件来写以下的demo，该插件可以直接在js文件中显示结果，搜 Quokka.js用这个插件去新建一个js文件，直接就运行在node上了forEach不会返回一个新的数组，里面改值会影响原数组，其他方法不影响原数组map可以返回新数组 用于映射，如每个元素都加倍或执行其他转换操作every返回一布尔值，需数组中全部满足。
JEECG表格选中状态怎么去掉
weixin_39031037的博客
04-19 369
官网代码（在取消选中状态的时候不生效）
C++ WebServer的细节理解
我的博客
04-22 321
在非阻塞模式下，如果 I/O 操作不能立即完成（例如，因为没有数据可读 或 写缓冲区满），系统不会让调用进程阻塞等待，而是立即返回一个错误（通常为 EAGAIN 或 EWOULDBLOCK）。先查询文件描述符 fd 当前的标志，然后将 O_NONBLOCK 标志加入其中，并通过 F_SETFL 来更新文件描述符，最终实现将该文件描述符切换为非阻塞模式。这意味着，如果没有待处理的连接请求（即没有客户端尝试连接到服务器），accept() 会一直阻塞，直到有新的连接请求到达或发生其他特定条件（如超时）为止。
SpringBoot项目打包分离高阶操作
Record Little
04-23 228
虽然传输jar包 比较大，但是安全性、稳定性比较高，不需要关注pom.xml 添加了新的依赖、更新了版本号等等影响版本功能的操作。关注maven的特性， profiles即可满足， 根据不同的activation 状态，激活不同的build操作。每次修改一小部分代码或仅仅更新某个依赖jar包时，都需要重新进行整个项目的构建、打包、上传和部署。但是当你的项目趋于稳定，只有业务上的逻辑变更时，如果使用分离版本，可以加快迭代、更新的速度。弊端： 需要配置IDE命令，修改依赖时需要同时修改2处。
web server apache tomcat11-17-default-servlet
04-23 387
整理这个官方翻译的系列，原因是网上大部分的 tomcat 版本比较旧，此版本为 v11 最新的版本。您可以使用或，DefaultServlet 将创建一个 XML 文档，并根据 XSLT 文件中提供的值运行它进行 XSL 转换。首先检查，然后是，最后是。如果没有配置 XSLT 文件，则使用默认行为。
css flex布局两个元素水平居中垂直居中
xiaohua616的博客
04-23 160
使用flex布局，让两个元素水平居中垂直居中，具体实现效果如下：
前端实现将二进制文件流，并下载为excel文件
最新发布
Hei, Welcome To vickie's Blog，Good Good Study, Day Day Up ~
04-23 284
介绍了前端如何实现将二进制文件流解析并下载为excel文件，以及解决容易遇到的问题。
Tls 协议与 http 协议区别
05-29
TLS (Transport Layer Security) 协议是一种加密通信协议，用于保证网络通信的安全性，防止数据被窃听、篡改和伪装。HTTP (HyperText Transfer Protocol) 协议则是一种应用层协议，用于在 Web 上传输数据，它是基于 TCP/IP 协议族的。 TLS 协议和 HTTP 协议的区别在于它们所处理的数据不同。TLS 协议是在传输层对数据进行加密，确保数据传输的安全性，而 HTTP 协议是在应用层对数据进行传输和处理。 具体来说，当客户端通过 HTTP 协议与服务器通信时，TLS 协议会在 TCP 连接的基础上添加一个安全层，对数据进行加密。而服务器在接收到数据后，会先解密数据，然后再使用 HTTP 协议进行处理。 总的来说，TLS 协议和 HTTP 协议是两种不同的协议，TLS 协议主要用于加密通信，HTTP 协议则是用于传输数据的应用层协议。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值