互联网医疗服务与开发——第1章 Web概述 学习笔记(上)

98 阅读4分钟

一、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个部分)

  1. 模式
  2. 用户信息
  3. 主机:域名/IP地址
  4. 端口
  5. 路径
  6. 查询:参数键值对(?key=value)
  7. 片段:用于定位

3. 实例

应用:协议跟随

七、网页技术三要素

技术作用备注
HTML基础骨架,定义文档的底层逻辑结构标记符号
CSS视觉元素,实现网页内容与表现形式分离最新版本:CSS3
JavaScript交互功能,操作DOM接口JS是TS的底层

八、 Web技术版本演进与医疗应用

1. HTML版本历史

版本发布时间说明
HTML 1.01993最早的HTML标准,基础文档结构
HTML 2.01995引入表单、表格等交互元素
HTML 3.21997增加框架、样式表支持
HTML 4.011999引入CSS支持、JavaScript脚本
XHTML 1.02000基于XML的严格语法规范
HTML52014语义化标签(、)、多媒体支持、Canvas绘图等
HTML Living Standard持续更新动态标准,不断引入新特性

2. CSS版本特性

版本发布时间核心特性
CSS 11996基础字体、颜色、边距控制
CSS 21998定位(position)、浮动(float)、打印样式
CSS 2.12004稳定性改进,成为现代Web开发主流标准
CSS32001年起分模块发布Flexbox/Grid布局、渐变、动画、媒体查询

3. 医疗行业Web技术应用要点

3.1 数据传输安全

  • 医疗数据必须通过HTTPS加密传输,结合SSL证书实现身份验证
  • 遵循《健康医疗数据安全指南》要求,日志需保留至少6个月

3.2 HTML5在医疗中的扩展

  • 使用实现医学图像标注
  • 语义化标签组织电子病历内容,提升可读性

3.3 JavaScript交互优化

  • 实时校验医疗表单输入(如身份证、医保卡号格式验证)
  • 通过Web Workers处理大型医学影像数据,避免界面卡顿