一、Web基础
1. Web(万维网)
- 出现时间:1989年
- 关键技术及作用:
-
- HTML:超文本标记语言 → 网页显示
- URL:统一资源定位符 → 找网页
- HTTP:超文本传输协议 → 显示前提
2. Web与网页的关系
- Web(万维网)由网页组成(Web是小概念,网页是大概念)
- 重要区别:Web ≠ Internet(Web是互联网提供的服务之一)
二、Web的发展阶段
| 阶段 | 名称 | 特点 |
|---|---|---|
| 1.0 | 静态网页时代 | 无法交互(站长、黄页) |
| 2.0 | 动态交互时代 | 21世纪初,社交网络、博客 |
| 3.0 | 智能与去中心化时代 | 区块链技术实现、AI |
关键时间点:2025年是2.0向3.0转变的阶段
三、Web组成内容
1. 交互流程
浏览器进程 → HTTP请求 → PC(任意端口)
↓
TCP连接(双向遵守字节流)
↓
服务器(80端口) → HTTP请求 → Web服务进程
2. 域名与IP转换
- DNS:实现域名与IP地址的双向转换
四、核心组成部分
1. 客户端与服务器
- 客户端:用户使用的浏览器
- 服务器:托管网页资源的计算机(如Apache、Nginx)
2. 通信协议(应用层协议)
| 协议 | 特点 | 应用场景 |
|---|---|---|
| HTTP | 明文传输 | 常规网页数据传输 |
| HTTPS | 加密传输(基于SSL层) | 安全要求高的场景,需证书 |
| FTP | 文件传输协议 | 超大文件传输(支持切片上传、断电续传) |
关系:HTTP ←SSL→ TCP
3. 底层协议
- TCP/IP:构建网络通信的基础,规定数据在互联网上的传输方式
- DNS:分布式数据库,实现域名与IP地址相互映射
- URL:资源的"名字"/"身份证",类似图书的ISDN号(默认端口号)
五、HTTP协议
1. 交互模式
- Web浏览器(Browser) :主动请求,依赖TCP协议
- Web服务器(Server) :被动响应
- 通信流程:TCP连接 → HTTP请求 → HTTP响应
2. 请求结构
- 组成:头 + 体(请求头之间空一行)
- 特点:GET方法没有请求体
- 规范文档:HTTP协议的RFC文档
六、URL详解
1. URI与URL的关系
- URI:统一资源标识符(包含URL)
- URL:统一资源定位符(是URI的一种)
2. 语法结构(7个部分)
- 模式
- 用户信息
- 主机:域名/IP地址
- 端口
- 路径
- 查询:参数键值对(?key=value)
- 片段:用于定位
3. 实例
- 绝对URL:
https://aitcm.hactcm.edu.cn/web/http/url - 相对URL:
/web/http/url(基础URL+相对URL=绝对URL)
应用:协议跟随
七、网页技术三要素
| 技术 | 作用 | 备注 |
|---|---|---|
| HTML | 基础骨架,定义文档的底层逻辑结构 | 标记符号 |
| CSS | 视觉元素,实现网页内容与表现形式分离 | 最新版本:CSS3 |
| JavaScript | 交互功能,操作DOM接口 | JS是TS的底层 |
八、 Web技术版本演进与医疗应用
1. HTML版本历史
| 版本 | 发布时间 | 说明 |
|---|---|---|
| HTML 1.0 | 1993 | 最早的HTML标准,基础文档结构 |
| HTML 2.0 | 1995 | 引入表单、表格等交互元素 |
| HTML 3.2 | 1997 | 增加框架、样式表支持 |
| HTML 4.01 | 1999 | 引入CSS支持、JavaScript脚本 |
| XHTML 1.0 | 2000 | 基于XML的严格语法规范 |
| HTML5 | 2014 | 语义化标签(、)、多媒体支持、Canvas绘图等 |
| HTML Living Standard | 持续更新 | 动态标准,不断引入新特性 |
2. CSS版本特性
| 版本 | 发布时间 | 核心特性 |
|---|---|---|
| CSS 1 | 1996 | 基础字体、颜色、边距控制 |
| CSS 2 | 1998 | 定位(position)、浮动(float)、打印样式 |
| CSS 2.1 | 2004 | 稳定性改进,成为现代Web开发主流标准 |
| CSS3 | 2001年起分模块发布 | Flexbox/Grid布局、渐变、动画、媒体查询 |
3. 医疗行业Web技术应用要点
3.1 数据传输安全
- 医疗数据必须通过HTTPS加密传输,结合SSL证书实现身份验证
- 遵循《健康医疗数据安全指南》要求,日志需保留至少6个月
3.2 HTML5在医疗中的扩展
- 使用实现医学图像标注
- 语义化标签组织电子病历内容,提升可读性
3.3 JavaScript交互优化
- 实时校验医疗表单输入(如身份证、医保卡号格式验证)
- 通过Web Workers处理大型医学影像数据,避免界面卡顿