Web概述-优快云博客

本文链接：https://blog.youkuaiyun.com/Ryougi_Shiki_uio/article/details/117933818

本文介绍了网页的基础知识，包括HTML构成、URL组成、HTTP协议的工作原理，以及静态和动态网页的区别。HTTP是互联网上广泛使用的传输协议，而静态网页内容固定，动态网页则能根据用户需求变化。此外，还探讨了HTTP的状态码和用于保持状态的cookie与session技术。

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

网页概述

纯文本文件通过html、html5语言编写构成网页，这些文件在用户通过浏览器访问时被翻译成网页形式显示出来，数个网页组成网站。用户访问网站后出现的第一个网页被称为主页。

用户访问网站，实际上访问的是目标的ip地址，但是为了便于记忆，出现了域名，域名和ip地址互相映射，通过访问域名从而访问目标的ip地址。

网页一般使用http和https协议，由于http安全性不高，所以出现https这种在https上进行加密的协议，http使用tcp的80端口，https使用的是tcp的443端口。

通常用户在浏览器地址栏输入的https://www.baidu.com被称作URL(统一资源定位符)，是万维网(www)的的一种寻址系统，URL采用统一的格式来描述各种信息资源，包括文件、服务器的地址、目录等。

URL的格式由以下三部分组成：
第一部分是协议
第二部分是存有该资源的主机ip地址或域名
第三部分是主机资源的具体地址，如目录和文件
第一部分和第二部分用://隔开，蝶儿部分和第三部分用/隔开。第三部分有时可以省略。

HTML网页的结构

一个HTML文档主要由网页头部和网页主体两大部分构成，并且都要放< html>、 </ html>标签内；头部< head>标签中包含网页的标题、关键字、描述、编码方式等浏览器所需的基本信息；主体< body>标签中包含页面的具体内容，如文字、表格、图片、视频等。当浏览器从服务器接收到HTML文件后，就会解释里面的标签然后将标签的内容呈现出来。例如：

<html>
<head>							#这是头部部分
<title>这里是标题</title>			#标题部分
</head>
<body>
这里是主体部分					#主体部分
</body>
</html>

静态网页和动态网页

静态网页的定义：
静态页面是标准的html文件，扩展名是.htm和.html。
早期网站一般都是由静态网页制作而成。
没有后台数据库、不可交互、不含程序。
更新起来较麻烦、适用于更新较少的展示型网站。

静态网页的特点：
每个静态网页有一个固定的url，url中不含有?字符。
网页内容一旦发布到网站服务器上，无论是否有用户访问，每个静态网页都是保存在网站服务器上的。
静态网页的没有交互性，在功能上有很大的限制。
由于没有数据库，开启速度快于动态网页。

动态网页的定义：
网页的url不固定，可以与用户进行互动
动态网页的url会有标志性的?字符出现
常用语言有php、jsp、python、ruby等

动态网页的特点：
网页会根据用户的要求和选择进行变更
可以自动更新，大大节省工作量
不同的人、不同的时间访问相同的网址获取的页面不相同

http协议

http(超文本传输协议)是互联网上使用最广泛的一种网络协议，是一种基于tcp协议的应用层传输协议，为客户端和服务端的数据传输定义了一种规则。

客户端通过与服务器通过tcp的三次握手进行连接，之后发送http请求与接受http相应都是通过访问socket接口来调用tcp协议实现。

http协议是一种无状态协议，本身不会对发送过的请求和通信进行持久化处理，这使得http能够快速处理大量事务，提高效率。

但是许多场景需要保持用户登录等状态，所以引用了cookie和session这两种技术来记录管理状态。

现在使用的协议版本为http1.1，相较于http1.0他的优点是：
提供更多的缓存策略
优化了带宽和网络的使用，1.1引入了range头域，它允许之请求资源的某个部分而不是1.0的将整个对象发送过来
新增了24个错误状态响应码
支持对同一ip地址的不同主机进行请求和响应
支持长连接，减少了建立和关闭连接的消耗和延迟，但是数据量很大的时候容易成为负担

http的状态码

状态码可以通过F12——network——crtl+R，点击一个文件，点击headers查看在这里插入图片描述

状态码首位	定义的范围	分类
1xx	100-101	信息提示
2xx	200-206	成功访问
3xx	300-305	重定向，进行页面跳转
4xx	400-415	客户端出错
5xx	500-505	服务器出错

cookie和session

cookie和session都是为了实现http短期的持久化。
cookie数据缓存在用户端的浏览器上，默认缓存一天，当用户下次使用该浏览器访问服务器时，会优先读取cookie中的缓存信息，再向服务器发送请求。同时服务器接受到用户的请求，读取cookie信息把请求交给用户上次访问的服务器处理。对于客户端，cookie可以增加连接速度，对于服务端，cookie减少了服务器的连接消耗。
cookie特点：
更省服务器性能
不安全
session将数据保存在服务器上。客户端浏览器访问服务器的时候，服务器把客户端信息放在服务器上建立一份客户档案。客户端浏览器再次访问时只需要从该Session中查找该客户的状态即可。Session相当于程序在服务器上建立的一份客户档案，客户来访的时候只需要查询客户档案表就可以了。
session特点：
安全性更高