编辑“︁分类:Web技术”︁

{{分类说明页}}
'''Web技术'''是指用于构建和运行[[万维网]]应用程序及相关服务的技术集合。这个分类涵盖了从基础标记语言到复杂Web应用框架的广泛技术领域。

== 主要组成部分 ==
Web技术通常包括以下几个核心组成部分：

=== 前端技术 ===
* [[HTML]] - 超文本标记语言，用于定义网页内容结构
* [[CSS]] - 层叠样式表，用于控制网页表现和布局
* [[JavaScript]] - 脚本语言，用于实现网页交互功能

=== 后端技术 ===
* [[服务器端脚本]] - 如[[PHP]]、[[Python]]、[[Ruby]]等
* [[Web服务器]] - 如[[Apache]]、[[Nginx]]等
* [[数据库]] - 如[[MySQL]]、[[PostgreSQL]]、[[MongoDB]]等

=== 网络协议 ===
* [[HTTP]]/[[HTTPS]] - 超文本传输协议
* [[WebSocket]] - 全双工通信协议
* [[REST]] - 表述性状态转移架构风格

== 实际应用示例 ==
以下是一个典型的Web技术应用示例，展示了HTML表单与后端交互的基本结构：

<syntaxhighlight lang="html">
<!DOCTYPE html>
<html>
<head>
    <title>登录表单</title>
</head>
<body>
    <form action="/login" method="POST">
        <label for="username">用户名：</label>
        <input type="text" id="username" name="username" required>
        <br>
        <label for="password">密码：</label>
        <input type="password" id="password" name="password" required>
        <br>
        <button type="submit">登录</button>
    </form>
</body>
</html>
</syntaxhighlight>

== 技术演进 ==
Web技术经历了多个发展阶段：
1. 静态网页时代（HTML）
2. 动态网页时代（PHP/ASP）
3. [[AJAX]]和富互联网应用
4. 现代Web应用（[[SPA]]、[[PWA]]）

<mermaid>
graph LR
    A[静态HTML] --> B[动态服务器页面]
    B --> C[AJAX应用]
    C --> D[单页应用]
    D --> E[渐进式Web应用]
</mermaid>

== 相关技术 ==
* [[Web组件]]
* [[响应式设计]]
* [[Web性能优化]]
* [[Web安全]]

== 参见 ==
* [[前端开发]]
* [[后端开发]]
* [[全栈开发]]
* [[云计算]]

[[Category:计算机网络]]
[[Category:软件开发]]
[[Category:信息技术]]