构建Web内容的技术

• Web使用各种各样的技术，呈现丰富多彩的内容

【1】HTML（超文本标记语言）

• Web页面几乎都由HTML（HyperText Markup Language）构建

（1）超文本：文档系统，可将文档中任意信息与其他信息建立关联——链接
（2）标记语言：在文档中的某些部分穿插字符串标签修饰文档

• 由HTML构成的文档经过浏览器解析、渲染后就是Web页面
  
  （HTML文档中存储着html" title=web>web页面包含的各种信息的链接）
• HTML5的推出解决了Browser之间的兼容问题，并且可以把文本当作数据对待，更容易复用、动画等效果也更加生动

【2】设计应用CSS（层叠样式表）

• CSS（Cascading Style Sheets）：指定HTML中的各种元素的展现方式

CSS让文档的结构和设计分离——解耦的目的

【3】动态HTML

• 通过调用客户端脚本语言——JavaScript对Web进行动态改造
• DOM（Document Object Model 文档对象模型）可指定欲发生动态变化的HTML元素

（1）HTML：存储了网页内容的链接
（2）CSS：如何打开每一个元素，怎么呈现HTML中的链接内容
（3）JavaScript：对HTML动态改造
（4）DOM：指定哪些元素动态变化，将HTML中的元素当作对象操作

【4】Web应用

• 原始的HTTP协议的Web机制——静态内容

客户端发来请求，返回准备好的内容

• Web服务器上的应用程序创建HTML内容——动态网页
  

【5】CGI（Common Gateway Interface 通用网关接口）

• CGI会对请求内容做处理——相当于服务器的应用程序

例如生成动态页面

• 缺点：每次的请求处理CGI都要重新启动一次，访问量过大则负载过大
  

【6】因Java而普及额Servlet

• Servlet是一种能在服务器上创建动态内容的程序，Servlet是用Java实现的一个接口
• Servlet常驻内存，与Web相同的进程，负载较小
  

【7】数据发布的格式及语言

• XML（eXtensible Markup Language 可扩展标记语言）：使得互联网数据的共享容易

【8】发布更新信息的RSS/Atom

• RSS（简易信息聚合）和Atom都是发布新闻或者博客日志等更新信息文档的格式总称，都用到了XML

【9】Javascript衍生的轻量级应用JSON

• JSON（Javascript Object Notation）：一种以JS为对象表示法的轻量级数据标记语言
• JSON可以让数据更加的纯粹