0.21 网页、网站、Web 应用：三个词的区别
第〇篇【零基础预科】免费。这三个词天天听到，这里一次分清。
一、网页（Web Page）
网页是浏览器里打开的"单个页面/文档"，通常是一个 HTML 文档（配合样式、图片、脚本）。
- 你现在看的这一篇，就是一个网页；
- 点一个链接，通常就跳到另一个网页。
一个网页本质上就是一个 HTML 文件，浏览器把它打开、排版，你看到的就是一屏内容。它不神秘——你甚至可以右键"另存为"，把当前网页存成一个 .html 文件，双击打开，和在浏览器里看到的几乎一样。区别只在于：在线版每次都从服务器取最新文件，存到本地的那份是你保存那一刻的快照。
你可能会问：那我在网页上填的表单、看的视频，也算一个网页吗？ 算。哪怕页面里嵌着视频、地图、聊天窗口，它整体仍然是"一个网页"——它是一个 URL 对应下来的一个文档。视频、地图这些只是嵌在这个网页里的"零件"，不改变它是一个页面的事实。
二、网站（Website）
网站是同一域名下、相互关联的一组网页和资源的集合，有统一的导航、品牌、首页。
- gysec.top 下有首页、入门筑基、实战导航、资源推荐、各篇正文——它们共同构成一个网站；
- 网站就像一本"书"，网页是其中的"书页"。
为什么"同一域名"这个限定很重要？因为网站不只是把一堆网页堆在一起，它还意味着统一的导航、统一的风格、互相之间能跳来跳去。gysec.top 下的每篇文章都共用同一套侧边栏、同一个顶部导航，你从"入门筑基"点进"0.1 计算机是什么"，看完再点下一篇，这种连续感就是"网站"带给你的。如果只是把几个不相关的 HTML 文件随便放一起、彼此没有链接、没有统一设计，那只能算"一堆网页"，称不上一个网站。
三、Web 应用（Web Application）
Web 应用强调"交互 + 服务器端处理数据、完成功能"，而不只是展示固定内容。
- 例子：网页邮箱、网银、在线文档、管理后台、购物系统；
- 你能登录、提交数据、看到为你个性化生成的内容。
你的 gysec.top：
- 作为内容集合，它是网站；
- 但它包含登录、会员鉴权、按身份返回内容、访问统计——这些是 Web 应用的特征。
你可能会问：网站和 Web 应用之间有明确界限吗？ 没有非黑即白的划分，它是一个光谱。一端是纯展示：一张公司介绍页，几个人打开看到的内容一模一样，没有登录、没有数据库——这就是纯静态网站。另一端是复杂交互：网页版 Photoshop、在线 IDE、多人协作表格，你登录后才能用、数据实时保存到服务器、每个人看到的都不一样——这就是典型的 Web 应用。绝大多数网站都在中间：既有大量静态展示页，又夹杂着登录、搜索、评论这类交互功能。
四、静态 vs 动态
| 静态网页 | 动态网页 | |
|---|---|---|
| 内容 | 预先做好、固定 | 按请求实时生成 |
| 影响因素 | 人人看到的基本一样 | 参数、登录态、数据库、时间 |
| 技术 | HTML/CSS（可含少量 JS） | 服务端程序/模板/接口 |
| 例子 | 公司介绍页 | 订单页、会员内容、搜索结果 |
本网站的页面在"构建时"生成静态文件（利于性能和省运维），但通过 OpenResty/Lua 在边缘做鉴权、通过前端按登录态切换展示，兼顾了静态的省心和动态的交互。
理解这个区别对日常使用也有帮助。静态页面对所有人都一样，所以你在 A 浏览器看到的和 B 浏览器看到的不会差太多；动态页面则可能因为你登录没登录、搜了什么词、在哪个城市而完全不同。你在淘宝搜"耳机"，你朋友搜同样的词，结果排序大概率不一样——这就是服务器根据你的历史、会员等级、预算区间实时算出来的动态结果。
五、为什么要分清
- 安全测试时，动态、带参数、能交互的地方才是输入和漏洞的高发区；
- 纯展示的静态页面攻击面小，涉及登录、上传、查询、支付的 Web 应用攻击面大；
- 理解范围有助于你系统化地"找功能点 → 找输入 → 测漏洞"。
把这条思路落到实操上：拿到一个目标网站，第一步不是乱试 payload，而是先把它"逛"一遍——有哪些栏目、哪些页面带参数（URL 里有 ?id=1 这种）、哪里要登录、哪里能上传、哪里有搜索框。纯展示的"关于我们"页，你翻烂了也翻不出漏洞；而登录框、搜索框、上传点、订单查询页，每一处都是"用户输入 → 服务器处理"的管道，漏洞就藏在管道里。
你可能会问：那静态网站是不是就完全安全、不用测了？ 不是。静态页面本身攻击面小，但它的服务器配置、上传目录、历史备份文件、
.git泄露等问题，仍然可能出大问题。只是说，相比一个有登录、有数据库、有文件上传的 Web 应用，纯静态站"可打的地方"确实少得多。安全测试的精力有限，先把火力集中在交互多的地方，性价比最高。
六、本篇小结
- 网页是单页，网站是同域多页集合，Web 应用强调交互与服务器数据处理。
- 静态内容固定，动态按参数/身份/数据实时生成。
- gysec 同时是网站和带鉴权/统计的 Web 应用。
- 交互与参数越多的地方，越是安全测试重点。
下一篇 0.22 是网络块收尾：作为普通用户和学习者，上网有哪些基本安全常识。