web包括什么

打开浏览器，地址栏里敲下一串字符，页面弹出来的那一刻，你看到的文字、图片、按钮、视频，背后全是Web在撑着。Web不是单一的东西，它是一整套技术堆叠出来的生态。拆开来看，至少有这几层。

最底下是网络协议。HTTP和HTTPS负责把浏览器要的东西从服务器搬过来。你点一个链接，浏览器发一个请求出去，服务器回一个响应，里面装着HTML文档、图片或者JSON数据。HTTPS比HTTP多了一层TLS加密，现在大部分网站都用它，Chrome地址栏那个小锁图标就是标记。没有这套协议，Web根本跑不起来。

协议之上是HTML。这东西说白了就是给内容打标签。一段文字用<p>包起来表示段落，一张图用<img>引入，一个链接用<a>。浏览器读到这些标签，才知道该怎么渲染。HTML本身不负责好看，它只管结构。你看到新闻网站的标题、正文、侧边栏，在源码里就是一层层嵌套的标签。

让页面变好看的是CSS。同一个HTML文件，换一套CSS，可以变成极简白底黑字，也可以变成花哨的渐变卡片。CSS控制颜色、间距、字体、布局。早年间大家用float做多栏布局，后来Flexbox出来了，再后来Grid也普及了。现在写一个居中的div，三行CSS就够，搁十年前得折腾半天。响应式设计也靠它——媒体查询让同一个页面在手机和电脑上呈现不同排列。

然后是JavaScript。HTML和CSS是静态的，JS让页面动起来。点击按钮弹出菜单、表单校验、滚动加载更多内容，都是JS在干活。以前JS只跑在浏览器里，现在Node.js让它也能跑在服务器上。前端框架React、Vue、Angular把JS组织成组件，一个页面拆成几十个可复用的模块。你刷社交媒体时信息流无限滚动，背后就是JS在不停地请求数据、插入新节点。

数据怎么来？靠后端和数据库。用户登录时提交的账号密码，服务器得查数据库验证。Web后端语言很多，Python的Django、Java的Spring、Node.js的Express、PHP的Laravel，各有用武之地。数据库存用户信息、文章内容、订单记录。前端通过API跟后端通信，常见的是RESTful接口，返回JSON格式的数据。比如你打开天气网站，前端发一个请求到后端，后端调气象数据接口，再把结果传给前端渲染。

再往上还有一层容易被忽略的东西：浏览器本身。Chrome、Firefox、Safari、Edge，它们负责解析HTML、执行JS、渲染页面。不同浏览器对同一段代码的解释可能有细微差别，前端开发者得做兼容测试。Web标准由W3C和WHATWG这些组织维护，但浏览器厂商各自实现的速度和细节并不完全同步。

还有域名和托管。你输入example.com，DNS把它翻译成IP地址，浏览器才能找到服务器。服务器上跑着Nginx或Apache，把请求分发给对应的应用。网站要上线，得买域名、租服务器或者用云服务。小项目丢到Vercel或Netlify上，推一下代码就自动部署，几分钟搞定。

把这些全串起来，才是一个完整的Web。你每次刷网页，背后是协议在传输、HTML在搭骨架、CSS在化妆、JS在指挥、后端在算数据、数据库在存记录、浏览器在合成画面。少了哪一层，体验都会塌。下次打开开发者工具，切到Network面板刷新一下，能看到几十个请求飞来飞去——那就是Web在呼吸。