Web（全称 World Wide Web，万维网）是建立在互联网基础上的信息服务系统，核心是通过超文本和超链接将全球的文档、资源连接起来，供用户通过浏览器访问。下面从核心概念、工作原理、关键技术等方面梳理 Web 的基础知识点：
一、 Web 的核心概念
-
万维网与互联网的区别
- 互联网（Internet）：是全球性的计算机网络集合，是硬件和通信协议的底层基础设施。
- 万维网（Web）：是运行在互联网上的一种应用服务，除此之外互联网还承载着邮件、FTP、即时通讯等服务。
-
核心组成要素
- URL（统一资源定位符）：用于定位 Web 上的资源，格式为
协议://域名/路径?查询参数#锚点，例如https://www.example.com/index.html?id=1#top。 - HTTP/HTTPS：浏览器和服务器之间的通信协议，HTTPS 是加密的安全版本。
- HTML：超文本标记语言，用于构建网页的结构和内容。
- 浏览器：解析 HTML/CSS/JS 并渲染页面的客户端工具，如 Chrome、Firefox。
- Web 服务器：存储和提供 Web 资源的服务器，如 Nginx、Apache。
- URL（统一资源定位符）：用于定位 Web 上的资源，格式为
二、 Web 的工作流程（客户端 - 服务器模型）
- 用户在浏览器中输入 URL。
- 浏览器通过DNS 解析将域名转换为服务器的 IP 地址。
- 浏览器基于 HTTP/HTTPS 协议向服务器发送请求（Request） 。
- 服务器接收请求后，处理并返回响应（Response） （包含 HTML、CSS、JS 等资源）。
- 浏览器解析响应内容，渲染成可视化的网页。
三、 Web 的关键技术栈
Web 技术通常分为前端（客户端）和后端（服务器端），还有连接前后端的数据库等中间件。
1. 前端技术
- HTML：网页的骨架，负责定义页面的结构（如标题、段落、图片、链接）。
- CSS：网页的样式，负责美化页面（如颜色、字体、布局），常见扩展有 SCSS、Less。
- JavaScript：网页的行为，负责实现交互功能（如表单验证、轮播图、动态加载内容），主流框架有 React、Vue、Angular。
- 前端工程化：工具如 Webpack、Vite，用于打包、编译、优化前端代码。
2. 后端技术
- 后端语言：处理业务逻辑，如 Python（Django/Flask）、Java（Spring Boot）、JavaScript（Node.js）、PHP 等。
- 服务器软件：处理 HTTP 请求，如 Nginx（反向代理、负载均衡）、Apache、Tomcat（Java 应用服务器）。
- 数据库：存储数据，分为关系型数据库（MySQL、PostgreSQL）和非关系型数据库（MongoDB、Redis）。
3. 通信与安全技术
- HTTP 方法：GET（获取资源）、POST（提交数据）、PUT（更新资源）、DELETE（删除资源）等。
- HTTPS：基于 SSL/TLS 协议，对 HTTP 传输的数据进行加密，防止窃听和篡改。
- RESTful API：一种设计规范，用于前后端、不同系统之间的数据交互。
四、 Web 的发展阶段
- Web 1.0（只读网络）：以静态网页为主，用户只能浏览信息，无法互动，代表是早期的门户网站。
- Web 2.0（读写网络）：以动态交互和用户生成内容为核心，代表是社交媒体、博客、电商平台。
- Web 3.0（语义网络 / 去中心化网络）：强调数据的语义化、去中心化存储，结合区块链、人工智能技术，目标是实现更智能、更自主的网络。
