【图解HTTP】——构建Web内容的技术

1

Web页面几乎全由HTML创建
HTML（超文本标记语言）是为了发送Web上的超文本（Hypertext）而开发的标记语言。超文本是一种文档系统，可将文档中任意位置的信息与其他信息（文本或图片等）建立关联，即超链接文本。标记语言是指通过在文档的某部分穿插特别的字符串标签，用来修饰文档的语言。我们把出现在HTML文档内的这种特殊字符串叫做HTML标签（Tag）
由HTML构成的文档经过浏览器的解析、渲染后，呈现出来的结果就是Web页面
HTML文档内这种被<>包围着的文字就是标签。在标签的作用下，文档会改变样式，或插入图片、链接

HTML5标准不仅解决了浏览器之间的兼容性问题，并且可把文本作为数据对待，更容易复用，动画等效果也变得更生动

CSS（层叠样式表）可以指定如何展现HTML内的各种元素，属于样式表标准之一。即使是相同的HTML文档，通过改变应用的CSS，用浏览器看到的页面外观也会随之改变。CSS的理念就是让文档的结构和设计分离，达到解耦的目的

2

所谓动态HTML，是指使用客户端脚本语言将静态的HTML内容变成动态的技术的总称。鼠标单击点开的新闻等就用到了动态HTML
动态HTML技术是通过调用客户端脚本语言JavaScript，实现对HTML的Web页面的动态改造。利用DOM（文档对象模型）可指定欲发生动态变化的HTML元素

DOM是用以操作HTML文档和XML文档的API（应用编程接口）。使用DOM可以将HTML内的元素当作对象操作，如取出元素内的字符串、改变那个CSS的属性等，使页面的设计发生改变
通过调用JavaScript等脚本语言对DOM的操作，可以以更为简单的方式控制HTML的改变

3

Web应用是指通过Web功能提供的应用程序
原本应用HTTP协议的Web的机制就是对客户端发来的请求，返回事前准备好的内容。可随着Web越来越普及，仅靠这样的做法已不足以应对所有的需求，更需要引入由程序创建HTML内容的做法
由程序创建的内容称为动态内容，而事先准备好的内容称为静态内容。Web应用则作用于动态内容之上

CGI（通用网关接口）是指Web服务器在接收到客户端发送过来的请求后转发给程序的一组机制
在CGI的作用下，程序会对请求内容做出相应的动作，比如创建HTML等动态内容
使用CGI的程序叫做CGI程序，通常是Perl、PHP、Ruby和C等编程语言编写而成

Servlet是一种能在服务器上创建动态内容的程序
Servlet是用Java语言实现的一个接口，属于面向企业级Java的一部分
之前提及的CGI，由于每次接到请求，程序都要跟着启动一次。因此一旦访问量过大，Web服务器要承担相当大的负载。而Servlet运行在与Web服务器相同的进程中，因此受到的负载较小（Servlet常驻内存，因此在每次请求时，可启动相对进程级别更为轻量的Servlet，程序的执行效率从而变得更高）
Servlet的运行环境叫做Web容器或Servlet容器
Servlet用于解决每次请求都要启动新CGI程序的瓶颈问题

4

XML（可扩展标记语言）是一种可按应用目标进行扩展的通用标记语言。旨在通过使用XML，使互联网数据共享变得更容易
XML和HTML都是从标准通用SGML简化而成。与HTML相比，它对数据的记录方式做了特殊处理
XML和HTML一样，使用标签构成树形结构，并且可自定义扩展标签。
从XML文档中读取数据比起HTML更为简单。由于XML的结构基本上都是用标签分割而成的树形结构，因此通过语法分析器的解析功能解析XML结构并取出数据元素，可更容易地对数据进行读取

==JSON是一种以JavaScript的对象表示法为基础的轻量级数据标记语言。==能够处理的数据类型有false/null/true/对象/数组/数字/字符串，这7种类型
JSON让数据更轻更纯粹，并且JSON的字符串形式可被JavaScript轻易地读入。当初配合XML使用的Ajax技术也让JSON的应用变得更为广泛。另外，其他各种编程语言也提供丰富的类库，以达到轻便操作JSON的目的