• Web基础与HTTP协议

    目录

    HTML基本标签

    （1）HTML语法规则

    （2）HTML文件结构

    HTML文件结构如下

    头标签中常用标签

    内容标签中常用标签

    HTTP协议概述

    HTTP方法

    GET和POST比较

    GET方法：

    POST方法：

    HTTP状态码

    生产环境常见的HTTP状态码

    HTTP请求流程分析

    请求报文

    响应报文

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

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

    HTML基本标签

    （1）HTML语法规则

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

    （2）HTML文件结构

    HTML文件最外层由表示，说明该文件是用HTML语言描述的。在它里面是并列的

    头标签（）和内容标签（），最基本的

    HTML文件结构如下

    1. <html>
    2.  
    3.          <head>网页的内容描述信息</head>
    4.  
    5.          <boby>网页显示的内容</boby>
    6.  
    7. <html>

    头标签中常用标签

    标签描述
    </td><td style="text-align:center;width:520px;">定义了文档的标题</td></tr><tr><td colspan="2" style="text-align:center;width:128px;"><base></td><td style="text-align:center;width:520px;">定义了页面链接标签的默认链接地址</td></tr><tr><td colspan="2" style="text-align:center;width:128px;"><link></td><td style="text-align:center;width:520px;">定义了一个文档和外部资源之间的关系</td></tr><tr><td colspan="2" rowspan="1" style="text-align:center;width:128px;"><meta></td><td style="text-align:center;width:520px;">定义了HTML文档中元数据</td></tr><tr><td colspan="2" style="text-align:center;width:128px;"><script></td><td style="text-align:center;width:520px;">定义了客户端的脚本文件</td></tr><tr><td colspan="2" style="text-align:center;width:128px;"><script></td><td style="text-align:center;width:520px;">定义了HTML文档的样式文件</td></tr></tbody></table></div> <h3 id="%E5%86%85%E5%AE%B9%E6%A0%87%E7%AD%BE%E4%B8%AD%E5%B8%B8%E7%94%A8%E6%A0%87%E7%AD%BE"><a name="t5"></a>内容标签中常用标签</h3> <div class="table-box"><table border="1" cellpadding="1" cellspacing="1" style="width:650px;"><tbody><tr><td style="text-align:center;">标签</td><td style="text-align:center;">描述</td></tr><tr><td style="text-align:center;"><table></td><td style="text-align:center;">定义了一个表格</td></tr><tr><td style="text-align:center;"><tr></td><td style="text-align:center;">定义了页面链接标签的默认链接地址</td></tr><tr><td style="text-align:center;"><td></td><td style="text-align:center;">定义了一个文档和外部资源之间的关系</td></tr><tr><td style="text-align:center;"><img></td><td style="text-align:center;">定义了一个图像</td></tr><tr><td style="text-align:center;"><a></td><td style="text-align:center;">定义了一个超链接</td></tr><tr><td style="text-align:center;"><p></td><td style="text-align:center;">定义了一行</td></tr><tr><td style="text-align:center;"><br></td><td style="text-align:center;">定义了换行</td></tr><tr><td style="text-align:center;"><font></td><td style="text-align:center;">定义了字体</td></tr><tr><td style="text-align:center;"><h1></td><td style="text-align:center;">定义了字体大小</td></tr></tbody></table></div> <h3 id="HTTP%E5%8D%8F%E8%AE%AE%E6%A6%82%E8%BF%B0"><a name="t6"></a><a href="https://so.csdn.net/so/search?q=HTTP%E5%8D%8F%E8%AE%AE&spm=1001.2101.3001.7020" target="_blank" class="hl hl-1" data-report-view="{"spm":"1001.2101.3001.7020","dest":"https://so.csdn.net/so/search?q=HTTP%E5%8D%8F%E8%AE%AE&spm=1001.2101.3001.7020","extra":"{\"searchword\":\"HTTP协议\"}"}" data-report-click="{"spm":"1001.2101.3001.7020","dest":"https://so.csdn.net/so/search?q=HTTP%E5%8D%8F%E8%AE%AE&spm=1001.2101.3001.7020","extra":"{\"searchword\":\"HTTP协议\"}"}" data-tit="HTTP协议" data-pretit="http协议">HTTP协议</a>概述</h3> <p>HTTP协议采用了请求/响应模型，客户端向服务器发送一个请求，请求头包含请求的方法、URL、协议版本、以及包含请求修饰符、客户信息和内容的类似于MIME的消息结构。服务器以一个状态行作为响应，响应的内容包括信息协议的版本，成功或者错误编码加上服务器信息、实体元信息以及可能的实体内容。</p> <p>HTTP已经演化出了很多版本，他们中的大部分都是向下兼容的。</p> <p>（1）HTTP/0.9：已过时。只接受GET一种请求方式，没有在通讯中指定版本号，且不支持请求头。由于该版本不支持POST方法，所以客户端无法向服务端传递太多信息。</p> <p>（2）HTTP/1.0:这是第一个在通讯中指定版本号的HTTP协议版本，至今仍被广泛采用，特别是在代理服务器中。</p> <p>（3）HTTP/1.1：引入了持久连接，即TCP连接默认不关闭，可以被多个请求复用，能很好地配合代理服务器工作。还支持管道方式机制，即在同一个TCP连接里面，客户端可以同时发送多个请求，以便降低线路负载，提高传输速度。</p> <p>（4）HTTP/2.0：完全多线路复用，在一个连接里，客户端和浏览器都可以同时发送多个请求或回应，而且不用按照顺序一一对应。引入了头信息压缩机制，使用gzip或compress压缩后再发送。支持服务端推送，允许服务端未经请求，主动向客户端发送资源。</p> <h3 id="HTTP%E6%96%B9%E6%B3%95"><a name="t7"></a>HTTP方法</h3> <p>HTTP支持几种不同的请求命令，这些命令被成为称为HTTP方法（HTTP method）。每条HTTP请求报文都包含一个方法。</p> <p>告诉服务器要执行什么动作，包括服务端推送，允许服务器未经请求，主动向客户端发送资源。</p> <div class="table-box"><table border="1" cellpadding="1" cellspacing="1" style="width:650px;"><tbody><tr><td style="text-align:center;">HTTP方法</td><td style="text-align:center;">描述</td></tr><tr><td style="text-align:center;">GET</td><td style="text-align:center;">对服务器资源获取的简单请求</td></tr><tr><td style="text-align:center;">PUT</td><td> <p style="text-align:center;">向服务器提交数据，以修改数据</p> </td></tr><tr><td style="text-align:center;">DELETE</td><td style="text-align:center;">删除服务器上的某些资源</td></tr><tr><td style="text-align:center;">POST</td><td style="text-align:center;">用于发送包含用户提交数据的请求</td></tr><tr><td style="text-align:center;">HEAD</td><td style="text-align:center;">请求页面的首部，获得资源的元信息</td></tr></tbody></table></div> <p>1、GET请求会向数据库发索取数据请求，从而来获取信息，该请求就像数据库的select操作一样，只是用来查询一下数据，不会修改、增添数据，不会影响资源的内容，即该请求不会产生副作用。无论进行多少次操作，结果都是一样的。</p> <p>2、与GET不同的是，PUT请求是向服务器端发送数据，从而改变信息，该请求就像数据库的updata操作一样，用来修改数据的内容，但是不会增加数据的种类等，也就是说无论进行多少次PUT操作，其结果并没有不同。</p> <p>3.POST请求同PUT请求类似，都是向服务端发送数据的，但是该请求会改变数据的种类等资源，就像数据库的insert操作一样，会创新的内容，几乎目前所有的提交操作都是用POST请求。</p> <p>4、DELETE请求顾名思义，就是用来删除某一个资源的，该请求就像数据库的delete操作</p> <h3 id="GET%E5%92%8CPOST%E6%AF%94%E8%BE%83"><a name="t8"></a>GET和POST比较</h3> <h4 id="GET%E6%96%B9%E6%B3%95%EF%BC%9A"><a name="t9"></a>GET方法：</h4> <p>从指定的服务器上获得数据</p> <p>GET请求能被缓存</p> <p>GET请求会保存在浏览器的浏览器记录里</p> <p>GET请求有长度的限制</p> <p>主要用于获得数据</p> <p>查询的字符串会显示在URL后缀中，不安全，比如http://www.test.com/a.php？Id=123</p> <h4 id="POST%E6%96%B9%E6%B3%95%EF%BC%9A"><a name="t10"></a>POST方法：</h4> <p>提交数据给指定服务器处理</p> <p>POST请求不能被缓存</p> <p>POST请求不会保存在浏览器的浏览记录里</p> <p>POST请求没有长度限制</p> <p>查询的字符串不会显示在URL中，比较安全</p> <h3 id="HTTP%E7%8A%B6%E6%80%81%E7%A0%81"><a name="t11"></a><a href="https://so.csdn.net/so/search?q=HTTP%E7%8A%B6%E6%80%81%E7%A0%81&spm=1001.2101.3001.7020" target="_blank" class="hl hl-1" data-report-view="{"spm":"1001.2101.3001.7020","dest":"https://so.csdn.net/so/search?q=HTTP%E7%8A%B6%E6%80%81%E7%A0%81&spm=1001.2101.3001.7020","extra":"{\"searchword\":\"HTTP状态码\"}"}" data-report-click="{"spm":"1001.2101.3001.7020","dest":"https://so.csdn.net/so/search?q=HTTP%E7%8A%B6%E6%80%81%E7%A0%81&spm=1001.2101.3001.7020","extra":"{\"searchword\":\"HTTP状态码\"}"}" data-tit="HTTP状态码" data-pretit="http状态码">HTTP状态码</a></h3> <p>当使用浏览器访问某一个URL，会根据处理情况返回相应的处理状态</p> <p>通常正常的状态码为2xx、3xx  (如200)</p> <p>如果出现异常会返回4xx、5xx（如404）</p> <div class="table-box"><table border="1" cellpadding="1" cellspacing="1" style="width:500px;"><tbody><tr><td style="text-align:center;">状态码首位</td><td style="text-align:center;">已定义范围</td><td style="text-align:center;">分类</td></tr><tr><td style="text-align:center;">1xx  </td><td style="text-align:center;">100-101</td><td style="text-align:center;">信息提示</td></tr><tr><td style="text-align:center;">2xx</td><td style="text-align:center;">200-206 </td><td style="text-align:center;">成功</td></tr><tr><td style="text-align:center;">3xx</td><td style="text-align:center;">300-305</td><td style="text-align:center;">重定向</td></tr><tr><td style="text-align:center;">4xx</td><td style="text-align:center;">400-415</td><td style="text-align:center;">客户端错误</td></tr><tr><td style="text-align:center;">5xx</td><td style="text-align:center;">500-505</td><td style="text-align:center;">服务器错误</td></tr></tbody></table></div> <h3 id="%E7%94%9F%E4%BA%A7%E7%8E%AF%E5%A2%83%E5%B8%B8%E8%A7%81%E7%9A%84HTTP%E7%8A%B6%E6%80%81%E7%A0%81"><a name="t12"></a>生产环境常见的HTTP状态码</h3> <div class="table-box"><table><thead><tr><th style="text-align:center;">常用状态码</th><th style="text-align:center;">解释</th></tr></thead><tbody><tr><td>301</td><td>永久重定向</td></tr><tr><td>302</td><td>临时重定向</td></tr><tr><td>400 Bad Request</td><td>请求错误，客户端发送的请求有语法错误</td></tr><tr><td>401 Unauthorized</td><td>已定义范围未授权，账号密码验证有误</td></tr><tr><td>1XX403 Forbidden</td><td>100-101禁止访问，客户端IP/主机名被拉黑</td></tr><tr><td>2XX404 Not Found</td><td>200-206资源不存在，请求的URL错误，服务器相对应的路径没有该网页文件</td></tr><tr><td>3XX500 Internal Server Error</td><td>300-305服务器内部错误，服务端里的应用程序有问题</td></tr><tr><td>4XX502 Bad Gateway</td><td>400-415错误网关，代理服务器接收到了来自上游服务器的无效响应</td></tr><tr><td>5XX503 Service Unavailable</td><td>500-505服务不可用，服务器过载或正在维护</td></tr><tr><td>504 Gateway Timeout</td><td>网关超时，代理服务器无法在规定的时间内收到来自上游服务器的响应</td></tr><tr><td>508 Loop Detected</td><td>检测到循环，服务器端程序存在死循环</td></tr></tbody></table></div> <h3 id="HTTP%E8%AF%B7%E6%B1%82%E6%B5%81%E7%A8%8B%E5%88%86%E6%9E%90"><a name="t13"></a>HTTP请求流程分析</h3> <p>用户在浏览器输入URL访问时，发起HTTP请求报文，请求中包括请求行、请求头、请求体，服务器收到请求后返回响应报文，包括状态行、响应头、响应体。</p> <h4 id="%E8%AF%B7%E6%B1%82%E6%8A%A5%E6%96%87"><a name="t14"></a>请求报文</h4> <p>请求行：请求行由请求方法、URL以及协议版本三部分组成。</p> <p>请求头：请求头为请求报文添加了一些附加信息，由“名/值"对组成，每行一对，名和值之间使用冒号分隔。</p> <p>空行：请求头部的最后会有一个空行，表示请求头部结束，接下来为请求体，这一行非常重要，必不可少。</p> <p>请求体：请求体是请求提交的参数，GET方法已经在URL中指明了参数，所以提交时没有数据。POST方法提交的参数在请求体中。</p> <div class="table-box"><table><thead><tr><th>请求头</th><th>描述</th></tr></thead><tbody><tr><td>Host</td><td>接受请求的服务器地址，可以是IP：端口号，也可以是域名</td></tr><tr><td>User- Agent</td><td>发送请求的应用程序名称</td></tr><tr><td>Connection</td><td>指定与连接相关的属性，如Connect ion:Keep-Alive</td></tr><tr><td>Accept - Charset</td><td>通知服务端可以发送的编码格式</td></tr><tr><td>Accept - Encoding</td><td>通知服务端可以发送的数据压缩格式</td></tr><tr><td>Accept - Language</td><td>通知服务端可以发送的语言</td></tr></tbody></table></div> <h4 id="%E5%93%8D%E5%BA%94%E6%8A%A5%E6%96%87"><a name="t15"></a>响应报文</h4> <p>状态行：状态行由协议版本，状态码，状态码描述三部分组成。</p> <p>响应头：响应头与请求头部类似，为响应报文添加了一些附加信息。</p> <p>空行：响应头部的最后会有一个空行，表示响应头部结束。</p> <p>响应体：服务器返回的相应HTML数据，浏览器对其解析后显示页面。</p> <div class="table-box"><table><thead><tr><th>响应头</th><th>描述</th></tr></thead><tbody><tr><td>Server</td><td>服务器应用程序软件的名称和版本</td></tr><tr><td>Content -Type</td><td>响应正文的类型( 是图片还是二进制字符串)</td></tr><tr><td>Content -Lenqth</td><td>响应正文长度</td></tr><tr><td>Content -Charset</td><td>响应正文使用的编码</td></tr><tr><td>Content -Encoding</td><td>响应正文使用的数据压缩格式</td></tr><tr><td>Content - Language</td><td>响应正文使用的语言</td></tr></tbody></table></div> <p></p> </div> </div> </li> <li class="list-group-item ul-li"> <b>相关阅读:</b><br> <nobr> <a href="/Article/Index/868454">【LeetCode】一文吃透差分数组（附例题）</a> <br /> <a href="/Article/Index/1356682">4.Docker 搭建 redis6</a> <br /> <a href="/Article/Index/1191535">【图像提取】DNA编解码多尺度形态学提取眼前节组织【含Matlab源码 1191期】</a> <br /> <a href="/Article/Index/731255">工具 - markdown编辑器常用方法</a> <br /> <a href="/Article/Index/668805">ros2与Python入门教程-创建发布和订阅</a> <br /> <a href="/Article/Index/1191853">Linpack安装测试流程记录</a> <br /> <a href="/Article/Index/749023">关于Nginx跨域配置的一些问题，详解如何正确的配置跨域</a> <br /> <a href="/Article/Index/1261903">WebSocket与SSE区别</a> <br /> <a href="/Article/Index/1555773">分享一个由systemd管理tomcat的tomcat.service文件的编写</a> <br /> <a href="/Article/Index/1427909">ubuntu安装opencv4.7.0</a> <br /> </nobr> </li> <li class="list-group-item from-a mb-2"> 原文地址：https://blog.csdn.net/2302_76824193/article/details/130845885 </li> </ul> </div> <div class="col-lg-4 col-sm-12"> <ul class="list-group" style="word-break:break-all;"> <li class="list-group-item ul-li-bg" aria-current="true"> 最新文章 </li> <li class="list-group-item ul-li"> <nobr> <a href="/Article/Index/2040602">【FHE】我们如何实现同态加密推理（八）：SiLU 的密文化——两条路径，和一个 8 字节的开关</a> <br /> <a href="/Article/Index/2040603">SQLcl 中 c/old/new 替换变量为何失效？先定位再替换</a> <br /> <a href="/Article/Index/2040604">不让模型写作文，直接从它脑子里读答案：Jev 决策在 .NET 的两条路线</a> <br /> <a href="/Article/Index/2040605">Halo插件：支持GitHub的图床附件策略</a> <br /> <a href="/Article/Index/2040606">电视投屏界的“一股清流”！SimpleTVCast 6.0.0-beta 抢先体验：无需TV端App，界面大换血！✨</a> <br /> <a href="/Article/Index/2040607">华三VXLAN集中式网关实战指南：Spine多活网关 + 双活接入（M-LAG）</a> <br /> <a href="/Article/Index/2040608">软件更好写之后口碑会更重要</a> <br /> <a href="/Article/Index/2040609">大 O、大 Omega、大 Theta 的区别，O(n) 复杂度是什么意思</a> <br /> <a href="/Article/Index/2040610">Java标签跳转：一个鲜为人知但却很实用的小技巧</a> <br /> <a href="/Article/Index/2040611">多智能体系统论文速读</a> <br /> </nobr> </li> </ul> <ul class="list-group pt-2" style="word-break:break-all;"> <li class="list-group-item ul-li-bg" aria-current="true"> 热门文章 </li> <li class="list-group-item ul-li"> <nobr> <a href="/Article/Index/888177">十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧！！！</a> <br /> <a href="/Article/Index/797680">奉劝各位学弟学妹们，该打造你的技术影响力了！</a> <br /> <a href="/Article/Index/888183">五年了，我在 CSDN 的两个一百万。</a> <br /> <a href="/Article/Index/888179">Java俄罗斯方块，老程序员花了一个周末，连接中学年代！</a> <br /> <a href="/Article/Index/797730">面试官都震惊，你这网络基础可以啊！</a> <br /> <a href="/Article/Index/797725">你真的会用百度吗？我不信 — 那些不为人知的搜索引擎语法</a> <br /> <a href="/Article/Index/797702">心情不好的时候，用 Python 画棵樱花树送给自己吧</a> <br /> <a href="/Article/Index/797709">通宵一晚做出来的一款类似CS的第一人称射击游戏Demo！原来做游戏也不是很难，连憨憨学妹都学会了！</a> <br /> <a href="/Article/Index/797716">13 万字 C 语言从入门到精通保姆级教程2021 年版</a> <br /> <a href="/Article/Index/888192">10行代码集2000张美女图，Python爬虫120例，再上征途</a> <br /> </nobr> </li> </ul> </div> </div> </div> <!-- 主体 --> <!--body结束--> <!--这里是footer模板--> <!--footer--> <nav class="navbar navbar-inverse navbar-fixed-bottom"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <div style="padding:0px 5px;"> <a href="/tools">小工具</a> <a href="https://games.1000bd.com">小游戏</a> </div> <div class="text-muted center foot-height"> Copyright © 2022 侵权请联系<a href="mailto:2656653265@qq.com">2656653265@qq.com</a>    <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备2022015340号-1</a> </div> <div style=" padding:5px 0;"> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502049817" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> <img src="" style="float:left;" /><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">京公网安备 11010502049817号</p></a> </div> </div> </div> </div> </nav> <!--footer--> <!--footer模板结束--> <script src="/js/plugins/jquery/jquery.js"></script> <script src="/js/bootstrap.min.js"></script> <!--这里是scripts模板--> <!--scripts模板结束--> </body> </html>