Web基础与HTTP协议

已于 2022-05-19 16:25:36 修改
阅读量276 收藏
点赞数
文章标签： 前端 http 网络
于 2022-05-17 15:44:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fbdart/article/details/124820738
版权

文章目录

前言

介绍 Web 基础知识，包括域名的概念、 DNS 原理、静态网页和动态网页的相关知识。

DNS 与域名

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

七层参考模型和五层，逻辑网卡和物理网卡 bond

为了保证网络上每台计算机的 IP 地址的唯一性，用户必须向特定机构申请注册，分配 IP 地址网络中的地址方案分为两套：IP 地址系统和域名地址系统。这两套地址系统其实是一一对应的关系由于 IP 地址是数学标识，使用时难以记忆和书写，因此在 IP 地址的基础上又发展出一种符号的地址方案，来代替数字型的 IP 地址。

域名概述

域名的概念

  • IP地址不易记忆

早期使用 Hosts 文件解析域名

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

DNS（Domain Name System 域名系统）

  • 分布式
  • 层次性

在这里插入图片描述

域名空间结构

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

在这里插入图片描述

域名注册

  • 域名注册是 Internet 中用于解决地址对应问题的一种方法
  • 遵循先申请先注册原则
  • 域名注册步骤

在这里插入图片描述

网页（HTTP/HTTPS）

网页

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

网站

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

主页

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

域名

  • 浏览网页时输入的网址

HTTP/HTTPS

  • 用来传输网页的通信协议（是否加密），是一种通讯/交互的标准/规范

URL

  • 是一种万维网寻址系统

HTML

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

超链接

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

发布

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

HTML概述

HTML超文本标记语言

  • Hyper Text Markup Language
  • 网页的“源码”
  • 浏览器：“解释和执行”HTML源码的工具

HTML文档的结构

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

网页基本标签

  • 标题标签
  • 行控制相关标签
  • 范围标签
  • 图像标签
  • 超链接标签
  • 特殊符号

网页摘要信息的作用

  • 有利于浏览器解析

  • 有利于搜索引擎搜索

  • < title > 标签 ——标题

  • < meta > 标签 ——元标志

Web概述

  • Web（World Wide Web）即全球广域网，也称为万维网
  • 一种分布式图形信息系统
  • 建立在Internet上的一种网络服务

Web 1.0 与 Web 2.0

Web 1.0

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

Web 2.0

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

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

  • Web 2.0 特征

    • 用户分享、以兴趣为聚合点的社群、开房的平台，活跃的用户

    Web 1.0 为以读为主的；意思是静态；静态为只可查看，不可交互；
    Web 2.0 为动态；动态可进行用户交互。

静态网页

  • 静态网页是标准的HTML文件
  • 扩展名是.htm、.html
    • 文本、图像、声音、Flash动画、客户端脚本和ActiveX控件及Java小程序等。
  • 网站建设的基础，早期网站一般都由静态网页制作
  • 没有后台数据库、不含程序和不可交互的网页
  • 相对更新起来比较麻烦，适用于一般更新较少的展示型网站
  • 每个静态网页都有一个固定的URL，且URL以" .htm “、” .html “、” .shtml "等常见形式为后缀，而不含有“ ？ ”
  • 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都是不保存在网站服务器上的
  • 静态网页的内容相对稳定，容易被搜索引擎检索
  • 静态网页网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难
  • 静态网页的交互性较差，在功能方面有较大的限制
  • 页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面

动态网页

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

在这里插入图片描述

动态网页的特点

交互性

  • 网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面，今后Web发展的大势所趋

自动更新

  • 无须手动地更新 HTML 文档，便会自动生成新的页面

小结

  • DNS服务器的作用
  • HTML文档的结构
  • Web 1.0 与 Web 2.0区别
  • 动态页面与静态页面区别
    静态页面在功能上有很多限制

HTTP协议概述

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

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

HTTP 是一种无状态（stateless）协议

HTTP 协议本身不会对发送过的请求和相应的通信状态进行持久化处理（存储，保存）。这样做的目的是为了保持 HTTP 协议的简单性，从而能够快速处理大量的事务，提高效率。

然而，在许多应用场景中，需要保持用户登录的状态或记录用户购物车的商品。由于 HTTP 是无状态协议，所以必须引入一些技术来记录管理状态，例：Cookie。

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

cookie 和 session 的对比
cookie 省服务器性能
session 更安全

  1. 为后面服务、集群、功能优化做铺垫；
  2. 具体解释了怎么解决 HTTP 无状态协议的持久化/存储。

客户端建立在服务端的时候会使用Socket

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

HTTP协议的版本

HTTP 0.9（已过时）
HTTP 1.0（完善的请求、响应模型  并且协议补充（完整） get  post head方法）
HTTP 1.1（新增五种请求方式：OPTIONS  PUT  DELETE  TRACE  CONNECT）
HTTP 2.0

HTTP 请求格式（ GET / POST 方式 ）

GET 方式

  1. 请求行
    请求的方式
    请求的资源路径
    请求的版本协议号

  2. 请求头（描述信息/标准化信息）
    Accept：客户端可以接受的数据类型
    Accept-Language：客户端可以接受的语言类型
    User-Agent：浏览器的信息
    Accpect-Encoding：客户端可以接受的编码格式
    Host：表示请求的 ip 和端口号
    Connection：告诉服务器请求连接如何处理
    Keep-Alive：通知服务器回传数据不要马上关闭，保持一小段的连接
    Closed：马上关闭

POST请求方式

  1. 请求行
    请求的方式
    请求的资源路径
    请求的协议的版本号

  2. 请求头
    Accept：客户端可以接受的数据类型

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

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

    User-Agent：浏览器的信息

    Content-Type：发送的数据类型

    Content-Length：发送的数据长度

  3. 请求体
    就是发送给服务器的数据

GET 与 POST 区别

  1. 区别一：语义上的区别
    Get 向服务器请求数据，依照 HPPT 协议，get 是用来请求数据。
    Post 向服务器发数据，依照 HTTP 协议，Post的语义是向服务器添加数据，也就是说按照 Post 的语义，该操作是会修改服务器上的数据

  2. 区别二：服务器请求的区别
    Get 请求是可以被缓存，例：
    访问百度，访问的方式就是 GET ，此时访问后的内容会被缓存在浏览器中，短时间再次访问，其实是拿到的浏览器中的缓存内容
    另外 Get 请求只能接受 ASCII 码的回复。

    Post 请求是不可以被缓存的。对于 Post 方式提交表单，刷新页面浏览器会弹出提示框“是否重新提交表单”，Post 可以接收二进制等各种数据形式，所以如果要上传文件一般用 Post 请求。

  3. 区别三：参数放请求头和请求体的差别

    Get 请求通常没有请求体（当然这也是可以由程序猿心情改变的），在 TCP 传输中只需传输一次（而不是一个包），所以 Get 请求效率相对高。

    Post 请求将数据放在请求体中，而实际传输中，会先传输完请求头，再传输请求体，是分为两次传输的（而不是两个包）。Post 请求头会比 Get 更小（一般不带参数），请求头更容易在一个 Tcp 包中完成传输，更何况请求头中有 Content-Length 的标识，
    可以更好地保证 Http 包的完整性。

简单的理解：

GET方法：
从指定的服务器上获得数据
GET请求能被缓存
GET请求会保存在浏览器的浏览纪录里（cookit）
GET请求有长度的限制
主要用于获取数据
查询的字符串会显示在URL中，不安全

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

HTTP状态码

当使用浏览器访问某一个 URL ，会根据处理情况返回相应的处理状态
通常正常的状态码为2xx，3xx（如200）
如果出现异常会返回4xx，5xx（如404）

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

生产环境常见的 HTTP 状态码

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

在这里插入图片描述

总结

  • 域名空间结构
  • HTML 文档结构
  • 网页基本标签
  • Web 1.0 与 Web 2.0 区别
  • Post 与 Get 方法区别
  • HTTP 协议报文格式
FBdart
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Web协议：HTTP协议
啊Q老师
07-11 2836
浅谈HTTP
WEB开发中常用的协议和标准
致终将逝去的编程青春
04-20 8630
DNS协议 1、DNS协议的作用是将域名解析为IP，网络上的每个站点的位置是用IP来确定的，访问一个网站首先就要知道它的IP，不过数据组成的IP记起来不方便，所以就使用域名来代替IP，由于IP和域名的对应关系经常变化，所以就需要有专门将域名解析为IP的服务器，我们称为：DNS服务器。把域名发给DNS服务器，它就返回相应的IP。在window中可以使用nslookup 或者ping 的命令查看DN...
web基础与HTTP协议
Riky12的博客
06-15 2787
网页的“源码”浏览器：“解释和执行”HTML源码的工具Web（World Wide Web，万维网）是一个由多种技术组合而成的网络资源信息系统。它是通过互联网连接在一起的文档集合，这些文档可以包括网页、图像、视频、音乐、应用程序等各种形式的内容。万维网可以看作是一个超级大的文档库，也是全球最大的信息库之一。Web的核心技术是HTTP协议和HTML语言，HTTP协议是传输Web数据的协议，HTML语言是一种文本标记语言，用于创建Web页面。
01 Web基础与HTTP协议
qq_51678989的博客
07-05 2097
ip地址不易记忆网页的“源码”(1)Web1.0基本采用的是技术创新主导模式，信息技术的变革和使用对于网站的新生与发展起到了关键性的作用。新浪最初就是以技术平台起家，腾讯以即时通讯技术起家，盛大以网络游戏起家，在这些网站的创始阶段，技术性的痕迹相当之重。(2)Web1.0的盈利都基于一个共通点，即巨大的点击流量。无论是早期融资还是后期获利,依托的都是为数众多的用户和点击率,以点击率为基础上市或开展增值服务,受众群众的基础，决定了盈利的水平和速度，充分地体现了互联网的眼球经济色彩。
Web 基础与 HTTP 协议
不要因为走的太远而忘了为什么出发
10-01 4194
目录引言一、 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. 域
万维网与HTTP协议：基础知识简明指南
2301_80064376的博客
08-20 3900
本文将为基础小白们简明扼要地介绍万维网及其核心协议HTTP，并通过简单的例子和清晰的段落帮助您快速上手。社交媒体是万维网的重要应用之一，用户可以通过社交媒体平台，如Facebook、Twitter、微信等，与朋友和家人保持联系，分享信息和动态。通过万维网，用户可以方便地访问各种电商网站，如亚马逊、淘宝等，进行商品浏览、购买和支付。：当您在搜索引擎中输入“万维网”，搜索引擎会返回一系列相关的网页链接，您可以通过点击这些链接获得所需的信息。它是万维网的基础协议，使用TCP连接进行可靠的传输，默认端口为80。
web基础与HTTP
Katie_ff的博客
06-15 2491
域名解析就是将复杂的数字地址变为好记的域名，域名申请过程；DNS解析过程生效顺序（ｈｏｓｔｓ文件——网卡配置文件——/etc/resolv.conf； 访问页面是由HTML写的，web网站中的版本及静动态页面； HTTP超文本协议、状态码； HTTPS加密
HTTP协议基础知识
haolinbird的博客
01-12 3599
简介 HTTP是Hyper Text Transfer Protocol（超文本传输协议）的缩写，是用于从WWW服务器传输超文本到本地浏览器的传送协议。 它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示(如文本先于图形)等 HTTP是建立在TCP协议之上的一种应用层网络协议，由请求和响应构成，虽然HTTP通常依赖tcp作为传输层协议，但是事实上，HTTP可以在任何其他互联网协议上，或者其他网络上实现，只要其下层协议提供可靠
Web基础:网络协议,HTTP
wnw1234的博客
03-16 4995
网络协议 比如我们中国人都说中文,中文就相当于一种协议.网络之间交互也需要协议. 网络协议指的是计算机网络中互相通信的对等实体之间交换信息时所必须遵守的规则的集合。 分类: OSI七层参考模型和TCP/IP四层应用模型 1.OSI七层参考模型 OSI参考模型采用分层结构技术，把一个网络系统分成若干层，每一层都去实现不同的功能，每一层的功能都以协议形式正规描述，协议定义了某层同远方一个层通信所使用的一套规则和约定。 应用层 网络服务与最终用户的一个接口。 协议有：HTT...
web测试之3.1http 协议详解
03-28
文件大小的限制，这次先上传部分http 协议详解。总的分六次上传 1.web系统基础 2.理解网络协议 3.http协议详解 4.web 前端分析 5.web 安全性测试 6.web 兼容性以及可用性测试
HTTP-Web-Server.zip_C++ http web_HTTP 调试_WEB协议_web server
09-20
本项目“HTTP-Web-Server.zip”涉及C++语言实现一个简单的HTTP Web服务器，并进行了调试，旨在帮助我们理解HTTP协议的工作原理以及如何在实际编程中应用。 首先，我们需要了解HTTP的基本概念。HTTP是一种无状态、...
rfc4918.zip_http webserver_https 协议
09-14
标题中的"rfc4918.zip"可能指的是IETF（互联网工程任务组）发布的RFC 4918标准，这是一个关于WebDAV（Web分布式作者ing and Versioning）的文档，它扩展了HTTP协议，允许用户进行文件编辑、版本控制等操作。...
tomcat与web程序结构与Http协议与HttpUrlConnection.pdf
09-29
【标题】：“Tomcat与Web程序结构与Http协议与HttpUrlConnection.pdf” 【描述】：这份资料涵盖了Tomcat服务器的基础知识，包括其性质、安装配置、常见问题以及Web应用程序的结构。同时，还讨论了Http协议和Java中...
Window Performance API
Bruce__taotao的博客
08-28 1444
Window Performance API 是一组浏览器提供的接口，用于收集和分析网页性能数据。它允许开发者精确地测量网页加载时间、资源加载时间、用户交互延迟等性能指标，从而优化用户体验。1. 主要接口1.1返回一个高精度时间戳，通常用于计算精确的时间差。例如，你可以用它来测量函数执行时间。使用场景: 精确计算代码段的执行时间。// 执行某个任务console.log(`执行时间:${// 执行某个任务 const end = performance . now();
前端的面试题
本人小可爱
08-30 203
【代码】前端的面试题。
安防视频汇聚平台EasyCVR启动后无法访问登录页面是什么原因？
EasyCVR视频融合云平台的技术博客
08-27 548
以进程方式启动（./easycvr）时，清楚看到此时web端口【9004】被占用。更改端口后，EasyCVR视频汇聚平台可以正常访问了。
vue ref和reactive区别
灰海
08-25 5392
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
从面向对象(OOP)到面向切面(AOP)：编程范式的演变
最新发布
妍思码匠的博客
08-30 665
本文深入探讨了面向切面编程（AOP）在前端开发中的应用，解释了AOP如何通过动态增强与代码复用、降低模块间耦合度，为前端项目带来更高效、更模块化的解决方案。通过具体案例分析，如日志记录切面和动态埋点的实现，展示了如何利用装饰器模式、高阶组件等技术在前端实现AOP。理解AOP的原理与实践，将有助于开发者构建更易于维护和扩展的前端应用。无论你是前端新手还是资深开发者，本文都将为你提供有价值的见解和实用技巧。
自制Web服务器与HTTP协议解析
通过实例代码解析了“退出”按钮在Web服务器程序中的事件处理，同时讲解了HTTP协议的基本原理和工作流程，包括万维网的工作过程，以及HTTP请求和响应的机制。 在HTTP编程中，"退出"按钮的事件代码展示了如何优雅地...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值