「 图解HTTP 」 读书笔记 第 十 章

构建 Web 内容的技术

1. HTML

1.1 Web 页面几乎全由 HTML 构建

HTML(HyperText Markup Language,超文本标记语言)是为了发送 Web 上的超文本(HyperText)而开发的标记语言。平时我们浏览的 Web 页面几乎全是使用 HTML 编写的,由 HTML 构成的文档经浏览器的解析、渲染后,呈现出来的结果就是 Web 页面。

HTML.png
1.2 HTML 版本

HTML 1.0 在 1993 年由伊利诺伊大学的 NCSA 统一标准后发布。

HTML5 在 2014 年正式推荐并使用。HTML 5 标准不仅解决了浏览器之间的兼容性问题,并且可以把文本作为数据对待,更容易复用,动画效果也变得更生动。

1.3 设计应用 CSS

CSS(Cascading Style Sheets,层叠样式表)可以指定如何展现 HTML 内的各种元素,属于样式标准之一。

CSS 的理念就是让文档的结构和设计分离,达到解耦的目的。

2. 动态 HTML

2.1 让 Web 页面动起来的动态 HTML

所谓动态 HTML(Dynamic HTML),是指使用客户端脚本语言将静态的 HTML 内容变成动态的技术的总称。

动态 HTML 技术是通过调用客户端脚本语言 JavaScript ,实现对 HTML 的 Web 页面的动态改造。

利用 DOM(Doucment Object Model,文档对象模型)可指定欲发生动态变化的 HTML 元素。

2.2 更容易控制 HTML 的 DOM

DOM 是用以操作 HTML 文档和 XML 文档的 API。使用 DOM 可以将 HTML 内容的元素当作对象操作。如取出元素内的字符串、改变那个 CSS 的属性等,使页面的设计发生改变。

通过调用 JavaScript 等脚本语言对 DOM 的操作,可以以更为简单的方式控制 HTML 的改变。

DOM 内存在各种函数,使用他们可查阅 HTML 中的各个元素。

3. Web 应用

3.1 通过 Web 提供功能的 Web 应用

Web 应用是指通过 Web 功能提供的应用程序。如购物网站、网上银行、搜索引擎等。

由程序创建的内容称为动态内容,而实现准备好的内容称为静态内容。 Web 应用则作用于动态内容之上。

动态、静态内容.png
3.2 与 Web 服务器及程序协作的 GCI

CGI(Common Gateway Interface,通用网关接口)是指 Web 服务器在接收到客户端发送过来的请求后转发给程序的一组机制。在 CGI 的作用下,程序会对请求内容做出相应的动作,如创建 HTMl 等动态内容。

使用 CGI 的程序叫做 CGI 程序,通常是用 Perl、PHP、Ruby 和 C 等编程语言编写而成。

CGI.png
3.3 因 Java 而普及的 Servlet

Servlet 是一种能在服务器上创建动态内容的程序,Servlet 是用 Java 语言实现的一个接口,属于面向企业级 Java 的一部分。

CGI 由于每次接收到请求,程序都有跟着启动一次。因此一旦访问量过大,Web 服务器就要承担相当大的负载。

Servlet 运行在与 Web 服务器相同的进程中,因此收到的负载较小。Servlet 运行的环境叫做 Web 容器或 Servlet 容器。

Servlet.png

4. 数据发布的格式及语言

4.1 可扩展的标记语言

XML (eXtensible Markup Language,可扩展标记语言)是一种可按应用目标进行扩展的通用标记语言。旨在通过使用 XML,是互联网数据共享变得更加容易。

XML 和 HTML 一样,使用标签构成树形结构,并且可自定义扩展标签。

从 XML 文档中读取数据比起 HTML 更为简单。由于 XML 的结构基本上都是用标签分割而成的树形结构,因此通过语法分析器(Parser)的解析功能解析 XML 结构并取出数据元素,可更容易的对数据进行读取。

4.2 发布更新信息的 RSS/Atom

RSS(简易信息聚合,也叫聚合内容)和 Atom 都是发布新闻或博客日志等更新信息文档的格式的总称。两者都用到了 XML。

RSS 有以下版本:

  • RSS 0.9(RDF Site Summary): 最初的 RSS 版本。

  • RSS 0.91(Rich Site Summary): 在 RSS0.9的基础上扩展元素。非 RDF 规格,使用 XML 方式编写。

  • RSS 1.0(RDF Site Summary): RSS规格正处于混乱状态。

  • RSS 2.0(Really Simple Syndication): 非 RSS 1.0 路线。增加支持 RSS0.91 的兼容性。

Atom 具有以下两种标准。

  • Atom 供稿格式(Atom Syndication Format):为发布内容而制定的网站消息来源格式。

  • Atom 出版协定(Atom Publishing Protocol): 为 Web 上内容的新增或修改而制定的协议。

4.3 JavaScript 衍生的轻量级医用 JSON

JSON(JavaScript Object Notation)是一种以 JavaScript 的对象表示法为基础的轻量级数据标记语言。

能够处理的数据类型有 false/null/true/对象/数组/数字/字符串 这 7 种类型。

示例:

{"name": "Web Application Security", "num": "TR001"}
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,045评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,114评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,120评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,902评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,828评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,132评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,590评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,258评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,408评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,335评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,385评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,068评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,660评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,747评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,967评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,406评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,970评论 2 341

推荐阅读更多精彩内容